自制图标字体

生成自定义图标字体

借助在线生成工具[IcoMoon](https://icomoon.io/)

1. 单击 import icons 按钮 导入我们准备好的svg 图标，或者Add Icons From Library引用这个网站上的一些现成图标 ，白色表示选中

   1. 自定义的可以用AI直接画出来然后保存为svg格式
   2. 还可以用ps的自定义形状工具导出ai路径，然后用ai打开保存为svg文件
   3. png图片就没必要转换了
      

2. 单击 import icons 按钮 导入我们准备好的svg 图标，或者Add Icons From Library引用这个网站上的一些现成图标
   

3. 点击Generate Fonte进入设置页面，图标后面为字体的名字
   
4. 点击download按钮下载至本地，接下后只需这两个文件，拷贝至项目文件夹下
   

5. 使用图标字体
   

   • 在页面引入style.css
<link rel="stylesheet" type="text/css" href="css/style.css">

   • 给标签加类名就可以所以图标字体
     <span class="icon-dengpao"></span>
     

可以随意修改图标字体的大小颜色

 文 章 随 便 转 载 ，请 注 明 出 处