你的位置:首页 > 软件开发 > 网页设计 > 图标字体 VS 雪碧图——图标字体应用实践

图标字体 VS 雪碧图——图标字体应用实践

发布时间:2016-05-01 18:00:18
本文介绍使用图标字体和SVG取代雪碧图的方法。雪碧图是很多网站经常用到的一种技术,但是它有缺点:高清屏会模糊、无法动态变化如hover时候反色。而使用图标字体可以完美解决上述问题,同时具备兼容性好,生成的文件小等优点。雪碧图雪碧图实例:淘宝PC端将多张小图放至一张大图使用的时候, ...

本文介绍使用图标字体和SVG取代雪碧图的方法。雪碧图是很多网站经常用到的一种技术,但是它有缺点:高清屏会模糊、无法动态变化如hover时候反色。而使用图标字体可以完美解决上述问题,同时具备兼容性好,生成的文件小等优点。

雪碧图

雪碧图实例:淘宝PC端

图标字体 VS 雪碧图——图标字体应用实践

将多张小图放至一张大图

图标字体 VS 雪碧图——图标字体应用实践

选中或者hover时反色

图标字体 VS 雪碧图——图标字体应用实践

1. 选中图标的图层


原标题:图标字体 VS 雪碧图——图标字体应用实践

关键词:

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

可能感兴趣文章

我的浏览记录