在做手机App项目中,经常会遇到小图标在手机上显示比较模糊的问题,图标字体化是比较好的方法。
使用icon font来生成图标相对于基于图片的图标来说有如下的好处:
自由的变化大小而不失真,适用于不同分辨率和尺寸的屏幕
1、自由的修改颜色
2、添加阴影效果
3、支持图片图标的其它属性,例如,透明度和旋转等等
4、可以添加text-stroke和background-clip:text等属性,只要浏览器支持
字体图标有eot、ttf、woff、svg四种格式,eot格式,只能用于IE9以下版本的IE浏览器中。剩下的3个格式用于现代高级浏览器。
先介绍几个字体图标的下载网站:
1、IcoMoon
2、Fontello
3、FontsAddict 这个是一个字体图标搜索引擎,提供的字体图标最多
下面以IcoMoon为例,介绍下载字体图标的方法
进入IcoMoon,看到如下图的页面,点击"IconMoon"
选择需要的图标,点击下面的"Font>",即生成字体
选择需要的图标,点击下面的"Down>",即可下载