可缩放图标:响应式设计中的完美选择

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

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计