在已有的项目当中添加 icon font 图标

在已有的项目当中添加 icon font 图标


前言

当前的项目中已经有了 iconfont 的引入,现在需要在添加新的图标


一、黑白的iconfont 图标

Q : 加入的是黑白图标,黑白图标在使用的是本地的情况下,引用了三个文件

image-20221007113239842

这里可以看到是在 css 当中引入了 iconfont 中下载的文件的

如果是黑白的,讲使用方式从本地的方式换成在线的方式,可以直接通过加入需要的图标标识就可以直接使用了

image-20221007113501205

image-20221007113556811

经过尝试,以上的方法是可行的

二、彩色的iconfont 图标

直接找到彩色图标的在线地址,然后拷贝过去就好了

image-20221007113801013

总结

  • 黑白图标
    • 使用在线的方式,将需要添加的图标的 css 放到需要加入的文件中
  • 彩色图标
    • 将图标需要的链接拷贝过去就好了
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值