css基础学习笔记之字体图标

一、字体图标的运用克服了精灵图的缺点: 1.图片文件还是比较大的 2.像素图片放大或缩小会失真 3.一旦完整精灵图片制作完成后想要更换非常复杂 二、字体图标–iconfont:展示的是图片,本质是属于字体,字体图标有三个优点如下: 1.轻量级:一个图标要比一系列的图像小,一旦字体加载了,图标马上就会渲染出来,减少了服务器的请求 2.灵活性:本质其实是文字,可以很随意的改变颜色、产生阴影、透明效果、旋转等 3.兼容性:几乎支持所有的浏览器,请放心使用 注意:字体图标并不能替代精灵技术,只是在工作中图标部分技术的提升和优化 总结:简单的小图标用字体图标,复杂的用精灵技术 三、推荐两个免费的字体图标