微信小程序报错-Failed to load font

之前微信小程序一直一进入就会报错或者清除缓存后再编译也会报这个错误

错误信息是加载vant-weapp组件库中的字体出问题，然后重新装了一次，还是报错。走投无路时打开了vant官方文档，然后发现有这个错误解释：

虽然官方说可以忽略，但是确实看着很难受。

注意：个人开发者无法使用

登录微信公众平台，在你的小程序后台的设置-第三方服务—插件管理，搜索插件并点击添加。

微信小程序：

小程序的appjson里声明使用插件

在使用插件的页面的js文件里

使用插件的自定义组件，在json中定义需要引入的自定义组件。使用plugin://协议

页面中使用

暂停方法：

uniapp：

manifestjson添加：

在pagejson中的对应页面的 style中添加

页面实现：

n0041aa087e即为vid。

你好，你是想问微信小程序引入外部cdn数据的方法是什么吗？微信小程序引入外部cdn数据的方法是：

1、首先打开外部cdn数据，然后打开微信。

2、将外部cdn数据拷贝下来。

3、最后打开微信小程序，点击编辑，将拷贝好的数据复制进去即可。以上就是微信小程序引入外部cdn数据的方法。

需要引入第三方UI组件  Vant-Weapp

打开终端，输入cd 拖拽项目文件到终端，然后输入命令npm init

此时，输入package name名称，一直点回车就行

出现Is this OK(yes)，直接回车即可

在终端输入命令npm i vant-weapp -S --production

在回过头看，在微信小程序开发工具中会多一个文件packagejson，在这里面就可以进行包的配置。

这个时候可以在项目文件夹中看见一个新生成的文件夹miniprogram_npm，其中就有我们刚刚安装好的vant组件库

这里要注意，一定是将引入的第三方组件写入“usingComponents”的字典中，如果写成平级的话，会提示pagejson [vant-button]无效

<vant-button type="danger">微信登陆</vant-button>

第一步：

在appjson中，设置

"useExtendedLib":{

"weui": true

}

第二步：

在对应需要使用组件的页面json文件中，引入，例如引入d框组件

{

"usingComponents": {

"mp-dialog": "weui-miniprogram/dialog/dialog"

}

}

第三步：在对应wxmll文件中，引入结构

<mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}">

<view>test content</view>

</mp-dialog>

以上就是关于微信小程序报错-Failed to load font全部的内容，包括:微信小程序报错-Failed to load font、微信小程序（或uniapp）引入腾讯视频插件播放视频、微信小程序引入外部cdn数据的方法等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！