微信小程序使用字体图标的方法iconfont
作者:
醉生夢死 | 来源:发表于
2017-07-04 10:20 被阅读731次
一. 先到阿里巴巴矢量图标库,搜索你想要的图标,然后添加入库。

将使用到的图标加入购物车

点击购物车

下载代码

获取字体库文件

将ttf字体文件转成base64格式

点击Download下载下来

下载后解压下来

打开stylesheet.css文件,复制以上内容

把刚刚复制的代码粘贴到wxss文件中

打开之前在字体库上下载下来的压缩包,找到iconfont.css文件,打开它

复制这些内容到wxss文件中

将上一步复制的内容粘贴到wxss处

在wxml中使用iconfont字体库

最终效果
本文标题:微信小程序使用字体图标的方法iconfont
本文链接:https://www.haomeiwen.com/subject/phpthxtx.html
网友评论