前端项目怎么加入好看的图标?
1.进入阿里巴巴矢量图标库:https://www.iconfont.cn/,用github或者新浪微博登陆进去。
2.在搜索框输入自己想搜索的内容,点击回车。
3.找到自己喜欢的图标,然后把鼠标放在那个图标上,会显示添加到项目还是直接下载到本地,如果需要添加多个图片,本人建议使用添加到项目,本博文就以添加到项目为例。
4.新建项目然后把所选择的图标添加进去。
5.获取在线链接。
6.复制到网页搜索会出现css代码,然后Ctrl+A全选复制。
7.新建一个iconfont.css文件用于保存上面复制的css代码,将文件导入进去,然后在需要添加图标的文字前面写一个<i> 标签,class属性为confont+ 空格+对应图标的类名即可。