微信小程序中使用iconfont自定义字体图标

1、进入阿里巴巴矢量图标库

https://www.iconfont.cn/

2、选择自己的图标,添加到创建的项目中

3.下载至本地,解压后文件如下

4.转换ttf文件,在https://transfonter.org/中转换,上传 iconfont.ttf，.勾选 Family support , Base64 encode, TTF 三个选项, 点击 "Convert" 进行转化, 然后 "Download"


6.解压后找到stylesheet.css把里面的内容（@font-face{}）拷贝到 小程序 的app.wxss中, 打开之前在 IconFont 网站中下载的文件,找到iconfont.css,复制.iconfont{}和 带有伪类选择器:before的相关 css 到 app.wxss

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容