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

2017-07-04  本文已影响731人  醉生夢死

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

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

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

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

猜你喜欢

热点阅读