小程序 iconfont在真机显示不了 微信小程序如何使用iconfont图标

143 阅读1分钟

默认的url只能在模拟器上用。

需要转成base-64

转换网页:

Online @font-face generator — Transfonter

选择iconfont下载压缩包里的iconfont.ttf,上传ttf文件

 上传成功之后,打开Base64 encode

 

执行转换,再下载转换之后文件

点击Convert按钮,完成转换之后会生成:Download按钮,点击完成下载。 

 

 下载解压,更新url

将转成base64的stylesheet.css里的,src等字段复制到iconfont网站下载的iconfont.css里,覆盖原字段,然后再把iconfont.css复制到小程序项目。更新后缀为wxss.  更新css的url配置与后缀之后,重新编辑,iconfont显示出来。