小程序开发如何引入第三方字体图标

在小程序开发中如何引入图标

首先我们都知道如何把一批图标打包成一个链接，在其他项目的使用中直接引入这个链接就可以了。但是在小程序项目中引入链接总是还要添加白名单，不太方便。
首先我们新建一个 文件夹 来放图标的css 文件。

wxss文件

文件中的内容是
你打包项目的 Font Class 项目链接

Font Class

把这个链接复制到浏览器打开，复制我们需要的代码就可以

后缀

这些注释是对应的 浏览器支持。小程序开发选择通用的以及以下的文件
/* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
注意复制进来的时候，需要对引用的地址加 https://

效果图.png

代码文件准备好之后可以在 app.wxss 中引入
@import "./assets/iconfont/iconfont.wxss";

引入之后就可以在全部页面wxss 中使用。