原文地址
小程序中引入字体图标和其他项目其实完全一样,网上看到一些人的文章里需要转换.ttf文件,个人亲测是不需要的,但是根据生成字体图标库的方式不同,引入方式有一些区别。
首先说一下通过http://www.iconfont.cn/阿里图标库生成的字体图标,下载后会得到如下文件:
这时我们只需要把如下文件放到你的小程序目录下,至于放在那里看个人意愿
其中iconfont.wxss对应上面的iconfont.css,只不过把文件后缀改为wxss即可
然后在app.wxss中引入iconfont.wxss,即可在pages下边的所有页面中使用字体图标了,效果如下:
<pre style="margin-top: 0px; margin-bottom: 0px; white-space: pre-wrap; word-wrap: break-word; font-family: "Courier New" !important; font-size: 12px !important;"> <view class='icon iconfont icon-camera_fill'></view>
<view class='icon iconfont icon-camera'></view></pre>