iconfont自定义字体图标
发布于 4 年前 作者 xiuying58 3487 次浏览 来自 分享

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

作者:依然_8deb

链接:https://www.jianshu.com/p/3f7e7e559098

来源:简书

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

回到顶部