Myriad pro字体不会出现在Safari上

正如Rup提到的,myriadpro并不是一个普遍定义的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;
}

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

其次,请注意,字体只有安装在最终用户的机器上才会出现(除非您正在使用 @font-face ),所以您总是需要定义一些回退字体,例如。

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

自从升级到5.1和Lion之后,我的Mac上安装了多个字体,出现了这个问题。我想升级后有些东西坏了。其他浏览器也可以。它也影响其他字体。为了让这个编辑器包含可读文本,我不得不在Inspector中禁用字体系列CSS,因为Consolas也会受到影响。

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

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

根据 codestyle.org font survey ,大多数Mac没有安装Myriad Pro(你应该为所有Mac、Windows和Linux选择类似的回退字体,然后在你的风格中指定这些字体的列表。

如果您特别需要Myriad Pro,那么您可以使用图像,或者使用sIFR嵌入字体(可能不适用于菜单),或者通过@font face字体嵌入(谢谢Olly!)相反。

查看Typekit webfont嵌入服务,他们的库中有无数个 http://typekit.com/fonts/myriad-pro