字体图标

字体图标是什么

简单来说，就是把将矢量图标转换成字体格式，然后用使用字体的方式来使用图标。

优点显而易见，一个字体文件可以包含很多字体图标，不像图片，每一张都需要请求一次。

设置字体的大小和颜色，显然要比设置图片的方便很多。

字体图标怎么用

可以通过css的方式使用，也可以通过字符的方式使用。前者应为有类名，语义化相对较好，后者使用的是字符编码，语义化可以通过注释或者添加语义类名来实现。详情参考上面的链接

字体图标哪里找

怎么自己制作字体图标

可以通过网站在线生成，也可以通过软件，将svg格式的图片转换成字体格式。

网站：阿里 IconFont，icomoon

这里体积iconFont，在这个网站上，导航栏找到 资源管理，在里面创建项目，记住项目名称

然后在首页查找自己需要的图标，并将其添加到库。

页面右上角有个类似于购物车的图标，这个就是库，在这里可以将刚才选择图标添加到项目中。

整理完毕后，进入项目页面，将其下载到本地，即可得到相关字体图标文件。

 

引用网站 

一次性搞定 Iconfont