第一次开通博客写东西，分享点关于IcoFont前端的小知识给大家吧。因为遇到的很多前端同事之前写项目的时候一个小小的图标总是问ui要切图，其实有很多小图标完全是可以用icoFont代替 还可以对项目减轻负重，希望对大家有用
首先
在百度里搜索阿里矢量图标，打开网址
注册登录个账号
在网站中找到相应的你想要的图标点击上面的小车
填入到自己的项目，刚开始是没有项目的，自己添加个项目
将项目下载下来
解压
将将eot、svg、tff、woff文件放入你的项目，引入iconfont.css引入，标签里加上icon iconfont的class名，标签内容假如unicode就可以了
另一种方式是class名
同样是引入上述那些 class名改为
在iconfont.css生成的class名即可
最后一种方式svg
引入icofont.js,标签用svg,use标签，svg支持彩色图标
希望对大家开发过程中有用
原文：https://www.cnblogs.com/ydbiweb/p/11064756.html