再不知道字体图标就落伍啦！字体图标制作详解

在做移动端 Web App 项目中,经常会遇到小图标在手机上显示比较模糊的问题，经过实践发现了一种比较好的处理方案，图标字体化。在微社区项目中，有很多小的 Icon（图标），如分享、回复、赞、返回、话题、访问、箭头等，这些 Icon（图标）一般都是纯色的。开始制作时考虑使用双倍大小的 Sprite 图，通过 CSS 样式设置只显示二分之一尺寸，这样在 Retina 屏上显示的大小是正常的，一旦放大屏幕后图标又变得模糊不清，测试的效果不是很理想，后来又考虑多套图标适配方案、SVG 矢量图等，都由于种种起因放弃掉了（如多套图标繁琐、Android 2.3不支持 SVG 格式等），为理解决以上问题，使用到了图标字体，下图为微社区使用到的部分图标字体。