我必须在项目中使用花哨的字体,但我真的很想避免使用 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/