小程序引入iconfont字体图标

1.挑选图标，加入项目

2.进入项目，下载到本地

3.解压文件后，复制iconfont.css放到小程序项目里，并重命名，修改为iconfont.wxss。并在app.wxss内引入该样式。

@import "iconfont.wxss"; /* 修改成你放置样式文件的路径 */

4.复制在线链接代码，替换iconfont.wxss里的@font-face样式。

5.打开wxml文件，写一行代码，格式如下。

<text class="iconfont icon-jiaguanzhu"></text>

此时可以看到，图标可以展示出来了。

大功告成了吗？没有这么简单！

在自定义组件内，还不行。

自定义组件需要添加addGlobalClass属性，或者styleIsolation属性。

options:{addGlobalClass: true}或{styleIsolation: "apply-shared"}