IconFont 字体图标

IconFont 的概念、优势和局限性

问题

什么是 IconFont？它有哪些优缺点？

IconFont 是字体图标，本质上是一种特殊的字体文件。它不包含字母或数字，而是包含各种符号和图形。可以像普通文本一样使用 CSS 来控制样式，是 Web 开发中常用的图标解决方案。

IconFont 可以像文本一样通过 CSS 控制颜色、大小、阴影等样式。作为矢量图形，它可以任意缩放而不失真。相比传统图片，IconFont 只需一个或少量 HTTP 请求即可加载全部图标，文件体积小，加载速度快。兼容性极好，甚至支持 IE6 等老旧浏览器。

IconFont 不适合显示复杂的多色图像。通常只能显示单色图标，虽然可以通过 CSS 技巧实现多色效果，但比较复杂。字体图标基于特定网格设计（如 16x16、32x32），如果在非标准尺寸下使用，可能出现模糊或像素对齐问题。