小程序使用阿里字体图标 iconfont
- 去阿里iconfont官网找自己需要的字体图标,将需要的字体图标添加入库
- 从库中点击“下载代码”至本地
- 将.tff格式的字体文件转换格式为base64
-
把转换后的.css文件中的代码和原来.css文件中的代码拼接,并复制进微信小程序相应的.wxss文件中去
具体步骤[附截图]
登陆网址:http://iconfont.cn/
将需要的icon加入库
在库中下载代码
下载至本地downloa.zip文件,解压后如下图文件:
登陆官网:https://transfonter.org/
将iconfont.tff文件转换为base64格式,记得开启base64格式按钮
下载转换后的文件至本地
下载的是以transfonter为开头的压缩文件,解压后,文件如下:
将转换后的文件中stylesheet.css中内容全部复制到对应的wxss文件中去,并复制原文件中iconfont.css中打钩的内容
完成以上工作后就可以使用字体图标了,可以用以下方式引入icon :