iconfont优缺点
网站使用iconfont图标代替图片图标,可以大大增加前端开发效率。举个例子,假如需要做一个图标,鼠标经过时会变色,如采用iconfont来实现,则2行CSS代码搞定,而且可以自定义图标的任意颜色,如需用到其他项目中去,只需改动代码即可;而采用图片图标来实现,则需要做两张图片,且后期如页面上需要调整颜色,则需重新在绘图软件里修改,较为麻烦。
其二者,使用iconfont图标代替图片图标,能减少文件体积、降低服务器请求数,节约宽带资源。这点应该是淘宝使用iconfont的主要原因,像淘宝这种日均PV值动不动就上亿的网站来说,增加几kb大小的文件体积所带来的宽带成本是十分明显的,这必然就会对网页、图片、样式表等文件的体积要求较为苛刻。