@font-face 现在可以使用了吗？

Posted 2023-03-06

【中文标题】@font-face 现在可以使用了吗？

【英文标题】：Is @font-face usable now?

【发布时间】：2011-01-14 06:19:39

【问题描述】：

我必须在项目中使用花哨的字体，但我真的很想避免使用 sifr 和其他丑陋的替代品，所以我正在看@font-face。

但是，我真的很困惑有几个博客/网站对其可用性提供不同的看法。准备好了吗？目前哪些浏览器支持它？

谢谢

【参考方案1】：

现在几乎每个浏览器都实现了它。唯一真正的问题是 Internet Explorer 需要其自己的 OTF 格式的字体文件，并且无法理解 TTF 格式。许多提供与 @font-face 一起使用的字体的网站都会为您提供在 Internet Explorer 和其他浏览器中显示所需的格式和 CSS。

查看 http://www.fontsquirrel.com/ 一个很好的示例，其中提供了一个免费的字体库，该库带有预先制作的 @font-face 下载（文件格式和相关的 CSS）。

【讨论】：

两者之间有免费的在线转换服务。例如。 everythingfonts.com/otf-to-ttf

【参考方案2】：

Paul Irish 概述了@font-face 的当前状态。这是一个幻灯片和波士顿的一次小型聚会，回顾了这一切：

http://paulirish.com/squeeze/

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/