[前端开发]前端字体图标的生成与制作

以下是一些常用图标库网站：

• 01-FontAwesome官网
• 02-阿里巴巴图标字体库
• 03-腾讯iconfont平台
• 04-Booststrap中文官网

以下以阿里巴巴图标字体库为例演示如何自定义自己的字体图标，其实阿里图标字体库本身具有以下导出字体图标功能

阿里图标库.png
搜索你需要的图标，并下载 svg 格式的图标，可自定义大小颜色。
购物车svg图标.png

打开icomoon.io导入图标选中自己的图标，如果该官网有你喜欢的图标也可以选中，最后在网页右下角会有一个GenerateFont按钮，点击跳转至Download页面，下载字体图标压缩包。

import&选中你导入的图标.png 压缩包内的文件.png

demo.html文件就是在html文件中引入字体图标后显示的内容。项目中真正需要的是style.css和fonts文件（导入后需要注意style.css文件的引入路径）。而如果以后想在这份字体图标文件的基础上再添加新文件就需要selection.json文件，在回到之前说的字体图表生成网站上导入该json文件，接着上面的操作生成即可。