Question

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

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

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

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

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

感谢

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中禁用font-family CSS才能使此编辑器包含可读文本，因为Consolas也会受到影响。

问题不在于CSS的后备或规范。问题出在Safari和特定字体上。它不会越过有问题的字体，而是继续使用它，用正方形中的大写A替换所有字符;所以后退没有任何帮助。

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

Answer 4

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

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

Answer 5

查看Typekit webfont-embedding服务，他们的库中有Myriad http://typekit.com/fonts/myriad-pro

Safari上没有出现Myriad pro字体

5 个答案: