用阿里iconfont官方文档的unicode引用方式引入,并没有用,依旧显示的是编码。
如下图右侧↓:
<i class="iconfont"></i>
<i > </i>
在小程序中,unicode码无法自动转码,所以不能使用此方式使用字体图标。
微信小程序引入阿里字体图标,简便方法:
-
在阿里icon中先下载至本地
-
将下载的字体图标解压后,将
iconfont.css
,改名为iconfont.wxss
,然后拷贝到项目中。
-
修改
app.wxss
文件
添加引入iconfont.wxss
:
@import 'plugins/css/iconfont.wxss';
-
使用
使用Font class方式:
<i class="iconfont iconliebiao"></i>