iconfont怎么添加新的字体图标？

最新推荐文章于 2024-07-05 16:58:42 发布

苍山洱海胖

最新推荐文章于 2024-07-05 16:58:42 发布

阅读量717

点赞数 1

分类专栏： ====前端==== 项目及工程化 html+css部分文章标签： iconfont

原文链接：https://blog.csdn.net/qq_37487885/article/details/79042354

版权

====前端==== 同时被 3 个专栏收录

208 篇文章 2 订阅

订阅专栏

项目及工程化

38 篇文章 0 订阅

订阅专栏

34 篇文章 0 订阅

订阅专栏

当项目需要新增iconfont图标时，由于无法找到原有文件，需要在iconfont官网选择图标并入库，然后单独下载并修改文件名以避免冲突。接着将新图标对应的font-face和类名或_unicode代码添加到项目中，从而实现新图标的使用。

摘要由CSDN通过智能技术生成

因为项目新增功能需要加入新的iconfont图标，然而因为不知道原先所有iconfont文件所在项目不能整体重新下载，只好单独添加新的图标。

具体步骤见截图。

1----在iconfont官网找到对应要新增的图标（注销数据）
在这里插入图片描述
2----添加入库

3----修改下载到本地新的图标文件名称（必须改成和之前项目文件不一样的名字）

4----将修改好的新的图标文件（4个）已经对应图标的@font-face拷贝到项目里

5----使用图标的类名或者_unicode代码实现新增图标的使用。
在这里插入图片描述
6----下图中第一个图标便是新增加的图标

苍山洱海胖

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
iconfont怎么添加新的字体图标？

iconfont怎么添加新的字体图标？
复制链接

扫一扫

专栏目录

苍山洱海胖 CSDN认证博客专家 CSDN认证企业博客

码龄7年

222: 原创

7万+: 周排名

6万+: 总排名

22万+: 访问

: 等级

2870: 积分

66: 粉丝

108: 获赞

53: 评论

441: 收藏

私信

关注

热门文章

分类专栏

最新评论

如何手动实现const
茳霂: 不对啊，根本不会抛出错误
前端几种下载文件的方式(url方式和文件流方式)
苍山洱海胖: https://www.cnblogs.com/liuxianan/p/js-download.html#:~:text=JS%E8%A6%81%E5%AE%9E%E7%8E%B0%E4%B8%8B%E8%BD%BD%E5%8A%9F%E8%83%BD%EF%BC%8C%E4%B8%80%E8%88%AC%E9%83%BD%E6%98%AF%E8%BF%99%E4%B9%88%E5%87%A0%E4%B8%AA%E8%BF%87%E7%A8%8B%EF%BC%9A%E7%94%9F%E6%88%90%E4%B8%8B%E8%BD%BD%E7%9A%84URL%EF%BC%8C%E5%8A%A8%E6%80%81%E5%88%9B%E5%BB%BA%E4%B8%80%E4%B8%AAA%E6%A0%87%E7%AD%BE%EF%BC%8C%E5%B9%B6%E5%B0%86%E5%85%B6href%E6%8C%87%E5%90%91%E7%94%9F%E6%88%90%E7%9A%84URL%EF%BC%8C%E7%84%B6%E5%90%8E%E8%A7%A6%E5%8F%91A%E6%A0%87%E7%AD%BE%E7%9A%84%E5%8D%95%E5%87%BB%E4%BA%8B%E4%BB%B6%EF%BC%8C%E8%BF%99%E6%A0%B7%E5%B0%B1%E4%BC%9A%E5%BC%B9%E5%87%BA%E4%B8%8B%E8%BD%BD%E5%AF%B9%E8%AF%9D%E6%A1%86%EF%BC%8C%E4%BB%8E%E8%80%8C%E5%AE%9E%E7%8E%B0%E4%BA%86%E4%B8%80%E4%B8%AA%E4%B8%8B%E8%BD%BD%E7%9A%84%E5%8A%9F%E8%83%BD%E3%80%82.,%E8%BF%99%E9%87%8C%E6%89%80%E8%AF%B4%E7%9A%84%E4%B8%8B%E8%BD%BD%EF%BC%8C%E6%9C%89%E6%97%B6%E5%80%99%E4%B9%9F%E5%8F%AF%E4%BB%A5%E7%90%86%E8%A7%A3%E4%B8%BA%E4%BF%9D%E5%AD%98%E3%80%82.%20%E5%87%BA%E4%BA%8E%
elementui中checkbox的indeterminate属性使用以及样式展示
fzc578523475: 但其实这个标志有3种状态（全选/全不选/部分选中），感觉设计上有点缺陷，如果存在多个选项列表，一个indeterminate参数不够用了，比如说在做机构树选用户的时候
forEach、map和filter的区别
苍山洱海胖: https://blog.csdn.net/weixin_44628533/article/details/102495129 forEach到底可以改变原数组吗
JS中数组和对象有几种遍历方式？优缺点？
苍山洱海胖: https://juejin.cn/post/7012959866285195271 一文解惑：ES6的for...of 不能遍历Object对象？

最新文章

目录

评论

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。