微信小程序使用字体图标的方法iconfont

96
醉生夢死
2017.07.04 10:20* 字数 57

一. 先到阿里巴巴矢量图标库,搜索你想要的图标,然后添加入库。

将使用到的图标加入购物车
点击购物车
下载代码
获取字体库文件

二. 到这个平台 https://transfonter.org,把刚才下载的ttf字体文件转化成base64格式

将ttf字体文件转成base64格式
点击Download下载下来
下载后解压下来
打开stylesheet.css文件,复制以上内容
把刚刚复制的代码粘贴到wxss文件中
打开之前在字体库上下载下来的压缩包,找到iconfont.css文件,打开它
复制这些内容到wxss文件中
将上一步复制的内容粘贴到wxss处
在wxml中使用iconfont字体库
最终效果
微信
Web note ad 1