@ font-face能在所有浏览器中使用吗？

Question

@ font-face能否适用于所有浏览器？

我如何使用@ font-face？

Answer 1

退房：@font-face browser support

的Webkit / Safari浏览器

• 自3.1版以来
• 字体格式：
  • TrueType / OpenType TT（.ttf）
  • OpenType PS（.otf）
  • SafariMobile（iPhone / iPad）：仅限SVG字体
• 更多信息：http://webkit.org/blog/124/downloadable-fonts/
• Wiki：代码示例

戏

• ，因为 Opera 10：http://www.opera.com/browser/和Opera Mobile 9.7
• 字体格式：
  • TrueType / OpenType TT（.ttf）
  • OpenType PS（.otf）
  • SVG（.svg）
• 更多信息：http://dev.opera.com/articles/view/seven-web-fonts-showcases/

Internet Explorer

• 自IE 4
• 字体格式：
  • 由Microsoft的WEFT工具
  创建的嵌入式OpenType（EOT）
  • 自IE9以来的WOFF
• 更多信息：http://www.microsoft.com/typography/web/embedding/default.aspx
• Wiki：代码示例

的Mozilla /火狐

• 自Firefox 3.5
• 字体格式
  • TrueType / OpenType TT（.ttf）
  • OpenType PS（.otf）
  • WOFF（自Firefox 3.6起）
• Wiki：代码示例

谷歌浏览器

• 在Chrome 4.0稳定版中。截至2010年1月25日
• 在Chrome 3.0中，您可以使用以下命令行开关运行可执行文件： - enable-remote-fonts 1
• 默认情况下已禁用安全审核：2 [3]，[4]
• 有关chrome和@ font-face的详细信息
• 字体格式
  • TrueType / OpenType TT（.ttf）
  • OpenType PS（.otf）
  • 自版本6以来的WOFF

网景

• 自版本4以来，自Netscape Navigator 6以来已停止使用
• 字体格式：
  • 便携式字体资源（.pfr）
• 更多信息：http://en.wikipedia.org/wiki/TrueDoc

至于使用情况，请查看：

• The Potential of Web Typography:

Answer 2

并非所有浏览器都适用于所有浏览器（Chrome，IE，FireFox，Opera，Safari）。 Sarfraz的帖子显示了它可以使用的内容。

以下是如何使用它的示例：

@font-face {
font-family: DeliciousRoman;
src: url(/Delicious-Roman.otf);
}

Answer 3

我强烈建议您使用http://www.fontsquirrel.com/fontface/generator创建字体和css供您使用。

它可以立即在所有浏览器中使用。我自己尝试修复它，但是有一些烦人的差异需要处理。在Android浏览器和IE8以及更低版本上工作也很困难。

使用上面的网站，您可以在没有任何JavaScript或其他黑客的情况下快速运行。

Answer 4

您可以随时询问：http://caniuse.com/#search=font-face