欢迎来到资源库(www.zyku.net)

工具资源

当前位置:首页 > 网站运营 > 工具资源 > Iconfont

在已有的iconfont图标中添加新的字体图标

时间:2021-03-16|栏目:工具资源|点击:|我要投稿

由于项目需要,需要在现有的iconfont图标中再添加一些新的图标字体,而且还需保留原先的图标。

一开始的想法是看能不能直接在原先的图标文件中添加代码,后来发现不行。

其实,只要去iconfont官网中找到自己想要图标下载:

然后下载代码:

接着对现有的代码文件名进行修改,目的就是为了不覆盖原先的图标字体文件。

修改后如下(文件名可以自己定义):

然后修改iconfont_sunburst.css文件中的路径名,将相关的路径名设置为你修改的文件名:

最后,直接在需要使用新加图标的文件中引用即可:

<div className={styles.notFound}>
    <i className="iconfont icon-sunburst" />
    <h5>旭日图</h5>
</div>

最后大功告成!!

(资源库 www.zyku.net)

原文链接:https://blog.csdn.net/u010180815/article/details/108644991

关于我们 | 版权申明 | 寻求合作 |

重要申明:本站所有的文章、图片、评论等内容,均由网友发表或上传并维护或收集自网络,仅供个人学习交流使用,版权归原作者所有。

如有侵犯您的版权,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:95148658 | 邮箱:mb8#qq.com(#换成@)

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务