【发布时间】:2011-01-14 06:19:39
【问题描述】:
我必须在项目中使用花哨的字体,但我真的很想避免使用 sifr 和其他丑陋的替代品,所以我正在看@font-face。
但是,我真的很困惑有几个博客/网站对其可用性提供不同的看法。准备好了吗?目前哪些浏览器支持它?
谢谢
【问题讨论】:
我必须在项目中使用花哨的字体,但我真的很想避免使用 sifr 和其他丑陋的替代品,所以我正在看@font-face。
但是,我真的很困惑有几个博客/网站对其可用性提供不同的看法。准备好了吗?目前哪些浏览器支持它?
谢谢
【问题讨论】:
现在几乎每个浏览器都实现了它。唯一真正的问题是 Internet Explorer 需要其自己的 OTF 格式的字体文件,并且无法理解 TTF 格式。许多提供与 @font-face 一起使用的字体的网站都会为您提供在 Internet Explorer 和其他浏览器中显示所需的格式和 CSS。
查看 http://www.fontsquirrel.com/ 一个很好的示例,其中提供了一个免费的字体库,该库带有预先制作的 @font-face 下载(文件格式和相关的 CSS)。
【讨论】:
Paul Irish 概述了@font-face 的当前状态。这是一个幻灯片和波士顿的一次小型聚会,回顾了这一切:
http://www.ustream.tv/recorded/4828154
快速回答是 95% 的 A+ 浏览器都使用它(FF 3.0 是例外)。许可可能很棘手,但有几个工具可以提供帮助,例如 FontSquirrel、FontDeck 和 FontSpring。
实施过程中最困难的部分可能是处理加载时具有 FOUT(“无样式文本闪烁”)的 Firefox,尽管有几种解决方法,包括:
http://paulirish.com/2009/fighting-the-font-face-fout/
http://inspiringpixel.com/articles/web-design/fight-the-fout/240/
http://www.stevesouders.com/blog/2009/10/13/font-face-and-performance/
【讨论】: