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

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