的技巧就是 @font-face 图标。
你可能会疑惑: “这是什么东西?”好奇的朋友,让我来告诉你。还记得我们在上一章中
使用CSS3的 @font-face 来给网页应用自定义字体吗? @font-face 图标就是将字符做
成常用图标的特定字体。以往我们都是使用很多单独的图标图片,或者将图标图片组合
成一张很大的雪碧图,而 @font-face 图标则可以让你只用一种字体就涵盖所有要用的
图标(这样就只需要一个 http 请求,唔哈哈! ) 。另外,因为使用的是字体,所以图标就
可以完美缩放了——这与响应式设计真可谓天作之合。Fico 上就有很好的 @font-face
图标。