Myriad pro 字体未出现在 Safari 上答案

【问题标题】：Myriad pro font does not appear on SafariMyriad pro 字体未出现在 Safari 上
【发布时间】：2011-07-23 07:16:37
【问题描述】：

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

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

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

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

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

谢谢

【问题讨论】：

在旧版 (?V2) Firefox Myriad Pro 中也不会出现：当时 Firefox（至少在 Windows 上）不支持带有 Postscript 轮廓的字体。 Windows 上的 Safari 可能有类似的限制？

标签： asp.net html safari

【解决方案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;
}

【讨论】：

这可能会违反 Adobe 的 Font Licensing Terms

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

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

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

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

【讨论】：

【解决方案4】：

根据codestyle.org font survey，大多数 Mac 没有安装 Myriad Pro。（也不是 Windows。）您应该为所有 Mac、Windows 和 Linux 选择类似的备用字体，然后以您的风格指定这些字体的列表。

如果您特别需要 Myriad Pro，那么您可以使用图像，或使用 sIFR（但可能不适用于菜单）或通过 @font-face font-embedding（感谢 Olly！）嵌入字体。

【讨论】：

你的意思是 CSS @font-face 嵌入，对吧？因为 HTML5 不包含这样的东西。
天啊，真的。抱歉，我认为这是 HTML 5 的东西而不是 CSS 的东西。

【解决方案5】：

查看 Typekit 网络字体嵌入服务，他们的库中有 Myriad http://typekit.com/fonts/myriad-pro

【讨论】：