前端项目怎么加入好看的图标?

1.进入阿里巴巴矢量图标库:https://www.iconfont.cn/,用github或者新浪微博登陆进去。

2.在搜索框输入自己想搜索的内容,点击回车。

3.找到自己喜欢的图标,然后把鼠标放在那个图标上,会显示添加到项目还是直接下载到本地,如果需要添加多个图片,本人建议使用添加到项目,本博文就以添加到项目为例。

4.新建项目然后把所选择的图标添加进去。

5.获取在线链接。

6.复制到网页搜索会出现css代码,然后Ctrl+A全选复制。

7.新建一个iconfont.css文件用于保存上面复制的css代码,将文件导入进去,然后在需要添加图标的文字前面写一个<i> 标签,class属性为confont+ 空格+对应图标的类名即可。

 

 

 

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值