在在平面设计中会经常需要用到图标。因其简洁、形象，又不失美感等特点，受到了广泛的欢迎。很多时候前端开发人员会根据UI设计师提供的素材直接进行引进，但是图片会占据较大的内存，尤其在移动端，不利于用户体验。
工具/原料
1
前端使用图标的方法
2
前端使用图标的过程
方法/步骤
1
使用方法：1、首先进入素材网字搜索需要的主题图标类型。
3
3、对应的搜索结果如图所示：
4
4、下载png格式、AI格式、还有svg格式外，还可以对图标进行编辑操作，更改其颜色和大小。
应用/过程
1
1、打开下载后的压缩包
2
2、首先在自己的html文件中引入iconfont.css样式表文件 代码如下：
3
注意此文件中有关联文件，即字体的格式文件，所以在将iconfont.css文件放入项目时，也需将另外三个字体格式文件一并放入。
4
接着在哪需要用到此图标，就用i标签，然后设置相应的类名即可。
注意事项
图标使用的第一原则是美观，所谓美观就是好看。
上一篇：下载的字体怎么用