为什么这个字体系列不能在 Chrome、Safari、Opera 和 IE < 9 中工作，但在 Firefox 和 IE 9 中工作？答案

【问题标题】：Why doesn't this font family work in Chome, Safari, Opera and IE < 9 but works in Firefox and IE9?为什么这个字体系列不能在 Chrome、Safari、Opera 和 IE < 9 中工作，但在 Firefox 和 IE 9 中工作？
【发布时间】：2012-01-10 03:52:12
【问题描述】：

这在 Firefox 和 IE9 中运行良好

font-family: "Arial Rounded MT", Arial, Helvetica, sans-serif;

但不是在 Chrome、Safari、IE 8 & 7 和 Opera 中。在那些浏览器中，它默认为 Arial。

有没有办法在那些浏览器中使用 arial 圆角 mt 字体？

注意：我在安装了 arial rounded mt 字体的同一台计算机上进行测试。

【问题讨论】：

其他带空格的字体是否适合您？另外，您的许多访问者无论如何都不会使用该字体...
那不是只有粗体的字体吗？尝试将Bold 附加到该名称，使其成为Arial Rounded MT Bold。
@Tom van der Woerdt 添加Arial Rounded MT Bold 无效。 @Anonymous 空格应该不是问题，因为它在引号内，对于没有该字体的用户来说，这就是备用 arial 存在的原因。
问题的 css 适用于我的 FF 8.0 和 IE 9（在 IE9 文档/浏览器模式下）。它不适用于 IE8 或更低模式，也不适用于 Chrome 15，除非我使用 @TomvanderWoerdt 的建议（附加“粗体”），否则它也适用于 Chrome。 (Windows 7)
另见stackoverflow.com/questions/5512720/…

标签： html css fonts

【解决方案1】：

如果您要使用非网络友好字体，那么访问您网站的其他用户将看不到这些字体，除非它们也安装在他们的计算机上。

您最好考虑使用任何一种...

Font Face

或者

Cufon

...因为这些将允许您网站的所有访问者看到您的自定义字体。

【讨论】：

【解决方案2】：

尝试使用它的 postscript 名称 - 尽管它不符合规范，但某些浏览器仍会使用它（我知道 Safari 肯定会使用它，但不确定其他浏览器）。

在这种情况下，ps名称是ArialRoundedMTBold，所以试试：

font-family: ArialRoundedMTBold, "Arial Rounded MT Bold", Arial, Helvetica, sans-serif;

【讨论】：

感谢这确实有效，尽管我最终没有使用它，因为与 ff 或 ie 相比，这种特殊字体在 webkit 浏览器（chrome + safari）中看起来太粗了。同样使用它会杀死其他 2 个浏览器中的字体，所以如果有人使用它，我会假设应该使用某种特定于浏览器的 hack 来将此样式附加到 webkit 浏览器。
说实话，它不是最好的字体！ :)