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

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

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

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

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

5.获取在线链接。

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

扫描二维码关注公众号,回复: 11435254 查看本文章

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

猜你喜欢

转载自blog.csdn.net/qq_45065517/article/details/107019356