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

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

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

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

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

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

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

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

5.获取在线链接。

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

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

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

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

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

 

 

 

相关文章:

  • 2022-12-23
  • 2022-01-01
  • 2022-12-23
  • 2021-10-07
  • 2022-12-23
  • 2021-09-19
  • 2021-10-01
  • 2021-07-13
猜你喜欢
  • 2021-11-11
  • 2022-01-02
  • 2021-08-18
  • 2021-07-08
  • 2021-12-13
  • 2022-01-10
  • 2021-07-15
相关资源
相似解决方案