无法通过 HTML/CSS 更改 Opera/Webkit/IE 中的字体答案

【问题标题】：Cannot change font in Opera/Webkit/IE via HTML/CSS无法通过 HTML/CSS 更改 Opera/Webkit/IE 中的字体
【发布时间】：2011-12-01 02:37:46
【问题描述】：

我有一个问题，我从 Google Web Fonts 中选择了一种字体，并分别用 HTML 和单独的样式表实现了它：

<link href='http://fonts.googleapis.com/css?family=Questrial' 
rel='stylesheet' type='text/css'>

Body {font-family: 'Questrial', sans-serif;}

实际上，我只是按照 Web 字体说明进行操作。它在 Firefox 中运行良好，但在任何其他浏览器中都运行良好。有人有什么想法吗？

非常感谢！

【问题讨论】：

【解决方案1】：

谷歌文档What browsers are supported?

The Google Web Fonts API is compatible with the following browsers:

如果有人使用不受支持的浏览器访问使用 Web Fonts API 的页面，则文本将使用您的 CSS 字体堆栈中的下一个可用字体显示。

【讨论】：

【解决方案2】：

查看this chart on @font-face browser support，Webkit/Safari 和 Opera 浏览器不支持 WOFF 字体格式，这是特定字体所在的格式。此外，WOFF 格式仅在 IE 9 及更高版本中支持。

【讨论】：

【解决方案3】：

我在浏览器中测试了您的代码，它在以下浏览器中运行。

IE 8、Chrome 15.0.+、FF 7.0、Safari 5

我还注意到 Google API 可以在以下浏览器中运行。

Google Web Fonts API 与以下浏览器兼容：

希望您正在使用上述浏览器进行测试。

谢谢

【讨论】：