iconfont使用教程，在uniapp中使用iconfont，及新增图标的方法

时间：2021-09-02 14:27:15 阅读：33 评论：0 收藏：0 [点我收藏+]

1.进入iconfont官网

把自己需要的图标加入购物车，然后选择添加至项目。

技术分享图片

2.然后选择下载到本地。

技术分享图片

解压文件，只需要保留iconfont.css、confont.ttf

技术分享图片

将这两个文件放入项目

技术分享图片

将文件第一段改为下图

技术分享图片

3.在APP.vue的style里面引用

技术分享图片

4.在项目中使用

技术分享图片

查看效果

技术分享图片

添加新图标至项目

把需要添加的新图标加入项目，然后下载

打开新下载的iconfont.css文件，找到新加的图标名称，复制到项目里的iconfont.css文件里

技术分享图片

引用新加入的图标

技术分享图片

最后查看效果

技术分享图片

原文：https://www.cnblogs.com/cstd/p/15218141.html

踩

(0)

评论一句话评论（0）

分享档案

更多>