字体图标库添加图标及引用

字体图标库网站：

http://39.98.200.190:8080/

将iconfont.ttf文件拖拽到此页面

 

1.准备好svg图标，可以自己制作，也可以从阿里图标库下载

2.点击导入按钮，导入svg图标

3.点击导入的图标，选择——字形信息，unicode处填写$E.....，$E是必须写的，其他的可以自定义，和其他图标名称不重复即可

4.命名，使用英文或者拼音

5.下载tif文件，替换本地的tif图标库文件

6.在iconfont.css里添加字体图标

.icon-time:before {
  content: "\E102";
}

7.引用<i class="iconfont icon-saoyisao"></i>