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

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

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

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

然后下载代码:

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

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

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

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

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

最后大功告成!!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Halo 咯咯

有你的支持我会更加努力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值