从事前端的朋友应该对“字体图标”这个词汇不陌生,为了适应越来越挑剔的屏幕,网页图标和简单图案使用.png来搭建已经基本上被淘汰了。取而代之的是使用css3和svg来绘制,而对于网页小图标,我们更希望在整个系统的前端架构中将它们做成字体库统一管理。如下图:

电脑培训,计算机培训,平面设计培训,网页设计培训,美工培训,Web培训,Web前端开发培训

如果在任意一个页面只需要引用一个css样式就能实现库中的任意一个图标,而且只需要定义font-size就能控制图标的大小,是不是很方便?

我是主后端的程序员,很早以前就在项目中使用过字体图标,但是之前用于制作图标库的svg都是美工帮我画好,所以一直没有深究其中的原理,直到近期不得不自己制作才对其好好研究了一下。

这里先跟大家推荐两个管理字体图标库的工具网站:

icomoon.io

www.iconfont.cn/plus

icomoon大名鼎鼎,不过个人认为iconfont 阿里巴巴的矢量图标库更符合国人的使用习惯,可以托管图标,更方便做版本管理,不过缺点是阿里巴巴会对你上传的图标对所有人开放下载,而且每个图标必需限制在20k以内。

延伸阅读

学习是年轻人改变自己的最好方式-Java培训,做最负责任的教育,学习改变命运,软件学习,再就业,大学生如何就业,帮大学生找到好工作,lphotoshop培训,电脑培训,电脑维修培训,移动软件开发培训,网站设计培训,网站建设培训学习是年轻人改变自己的最好方式