@font face在所有浏览器中都可以使用吗?

退房: @font-face browser support

Webkit/旅行社

• 从3.1版开始
• • TrueType/OpenType TT(.ttf)
  • OpenType PS(.otf)
• 更多信息: http://webkit.org/blog/124/downloadable-fonts/
• Wiki:代码示例

歌剧院

• 自从 http://www.opera.com/browser/ 和Opera Mobile 9.7
• 字体格式:
  • OpenType PS(.otf)
  • SVG(.SVG)
• 更多信息: http://dev.opera.com/articles/view/seven-web-fonts-showcases/

Internet资源管理器

• 字体格式:
  • 从IE9开始
• 更多信息: http://www.microsoft.com/typography/web/embedding/default.aspx
• Wiki:代码示例

• 从Firefox3.5开始
• 字体格式
  • OpenType PS(.otf)
  • WOFF(从Firefox 3.6开始)
• Wiki:代码示例

谷歌浏览器

• 在Chrome 3.0中,可以使用命令行开关:-启用远程字体来运行可执行文件 1
• 2 [3] ,[4]
• 更多关于chrome和@font face的细节请点击此处
• • TrueType/OpenType TT(.ttf)
  • 从第六版开始

网景

• 字体格式:
  • 可移植字体资源(.pfr)
• 更多信息: http://en.wikipedia.org/wiki/TrueDoc

至于用法,请查看:

• The Potential of Web Typography:

下面是一个如何使用它的示例:

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

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

它将立即在所有浏览器中工作。我自己也试过修,但有些恼人的差异需要处理。在Android浏览器和IE8及更低版本上也很难实现。

你总是可以问: http://caniuse.com/#search=font-face