Question

聪明的人们已经用CSS3实现了很多超棒的效果。其中有一个我非常喜欢且现在经常使用的技巧就是@font-face图标。

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