1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > 微信小程序之如何使用iconfont图标?

微信小程序之如何使用iconfont图标?

时间:2022-09-14 05:56:55

相关推荐

微信小程序之如何使用iconfont图标?

文章目录

一、下载iconfont图标1.进入iconfont,选择要下载的图标,点购物车添加入库2. 添加至项目3. 下载至本地二、如何引入?1. ttf文件转换base64格式2.合并样式代码3.在微信开发者工具中使用三、成功啦

一、下载iconfont图标

1.进入iconfont,选择要下载的图标,点购物车添加入库

2. 添加至项目

3. 下载至本地

二、如何引入?

1. ttf文件转换base64格式

进入/,点击Add fonts选择文件,打开Base64 encodeTTF按钮,然后点击Convert转换。

点击Download下载

2.合并样式代码

打开第一次下载的图标文件里iconfont.css文件,除去@font-face 这一段,其他全部复制到第二次下载的stylesheet.css文件中。

3.在微信开发者工具中使用

打开微信开发者工具,新建font.wxss文件,在app.wxss中引入,将上步得到的样式代码复制进去,就可以使用了。

三、成功啦

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。