图片是有诸多优点的，然而目前在网站设计这行业面临各种各样的挑战。图片不但增加了总文件的大小，还增加了很多额外的"http请求"，这都会大大降低网页的性能的。图片还有一个缺点就是不能很好的进行“缩放”，因此，有时候在“响应式设计”中需要使用图像的最好解决方案就是不去使用图片。

上一周我提出一个关于“在‘响应式设计’中图像处理的关键问题”的概述：尤其是如何为各种尺寸的设备提供相适应的的图片？而今天我会认真考虑一下“字符图标”，并且我们可以在我们的网页中使用“字符图标”来代替一些图片，达到一样的效果。

字符图标的优点

位图图片不能很好地进行缩放，当图片进行放大时会失真（即变模糊），当图片进行缩小时就会浪费掉像素。而且加载每一张图片都需要一次“http请求”，因此也拖慢了整个加载页面的时间。另外，要是没有图片编辑器（软件）的话就很难对图片进行编辑、处理等操作。

字体就不会有以上这些问题，字体可以进行随意缩放并且每一个字符都不需要进行额外的“http请求”。当我们把字体当成文字用来写作的时候，往往没有想到的是，它们只是一种形状而已。如果把这些字体看成图标，将又将会产生是怎样结果呢？

“‘字符图标’是非常美妙、神奇的”， Chris Coyier如是说。他制作关于“字符图标”的Demo页面就列出6大理由，为什么“字符图标”是如此美妙与神奇？