小程序引入字体图标

原文地址
小程序中引入字体图标和其他项目其实完全一样,网上看到一些人的文章里需要转换.ttf文件,个人亲测是不需要的,但是根据生成字体图标库的方式不同,引入方式有一些区别。

首先说一下通过http://www.iconfont.cn/阿里图标库生成的字体图标,下载后会得到如下文件:

image

这时我们只需要把如下文件放到你的小程序目录下,至于放在那里看个人意愿

image

其中iconfont.wxss对应上面的iconfont.css,只不过把文件后缀改为wxss即可

然后在app.wxss中引入iconfont.wxss,即可在pages下边的所有页面中使用字体图标了,效果如下:

 

image

你可能感兴趣的:(小程序引入字体图标)