Safari上未显示Myriad pro字体

Question

我有一个带有asp.net菜单的asp.net页面。

我将菜单项中的字体定义为Myriad Pro。

在IE和Firefox中可以正常显示，但在Safari中菜单项显示为空白。

当我将字体类型更改为另一种字体时，它工作正常。

那么有没有办法让Myriad Pro字体出现在Safari上呢？

谢谢

Answer 1

正如Rup所提到的，Myriad Pro不是一种普遍定义的Mac字体。但是，如果您有.otf或.eot字体文件的副本，则可以使该字体可用于所有兼容CSS3的浏览器，并在浏览器不支持CSS3时提供备份字体以供显示。这将是这样做的语法：

@font-face {
   font-family: "CustomMyriadPro";
   src: url("path/to/myriadpro/font.otf") format("opentype");
}

h2 {
   font-family: "CustomMyriadPro", Helvetica, Georgia;
}

Answer 2

确保您的CSS在引号中指定了Myriad Pro，即

font-family: "Myriad Pro", sans-serif;

其次，请注意，字体只有在安装在最终用户的计算机上时才会出现(除非您使用的是@font-face)，因此您总是需要定义一些备用字体，例如

font-family: "Myriad Pro", Arial, Helvetica, sans-serif;

Answer 3

从升级到5.1再升级到Lion后，我的Mac上安装了多个字体，出现了这个问题。我认为升级过程中有些地方出了问题。其他浏览器也没问题。它也在影响其他字体。我不得不在Inspector中禁用字体系列CSS，以便让这个编辑器包含可读文本，因为Consolas也会受到影响。

问题不在于CSS中的回退或规范。问题出在Safari和特定的字体上。它不会后退到有问题的字体，而是继续使用它，将方块中的所有字符替换为大写A；因此，后退没有任何帮助。

讨论和可能的解释在这里：https://discussions.apple.com/thread/3191532?start=0&tstart=0