【问题标题】: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;
}

【讨论】:

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

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 2023-03-10
        • 1970-01-01
        • 2011-10-13
        • 1970-01-01
        • 2019-08-22
        • 1970-01-01
        • 2021-06-25
        • 2014-04-03
        相关资源
        最近更新 更多