0

该站点使用@font-face 在顶部导航栏中显示 Myriad Pro。我认为这是违反许可证的行为。我会尽快寻找替代版本。我可能会看Cufon？我想先让@font-face 规则起作用，然后放入不同的字体。

该网站有CSS：

<!--[if IE]>
@font-face {
    font-family: 'MyriadPro-BoldCond';
        src: url('.../myriadpro-boldcond.eot');
}
<![endif]-->

@font-face {
    font-family: 'MyriadPro-BoldCond';
        src: url('.../myriadpro-boldcond.eot?#iefix') format('embedded-opentype'),
            url('.../myriadpro-boldcond.woff') format('woff'),
            url('.../myriadpro-boldcond.ttf') format('truetype'),
            url('.../myriadpro-boldcond.svg#myriadpro-boldcond') format('svg');
        font-weight: normal;
        font-style: normal;
}

但是，该字体仅在 Chrome 中显示，在 IE9、Opera 或 Firefox 中不显示。

更新：我已将 IE 条件条目移到其他条目下方，但问题仍然存在于 IE 中：

@font-face {
    font-family: 'MyriadPro-BoldCond';
        src: url('http:/.../myriadpro-boldcond.eot?#iefix') format('embedded-opentype'),
               url('.../myriadpro-boldcond.woff') format('woff'),
               url('.../myriadpro-boldcond.ttf') format('truetype'),
               url('...myriadpro-boldcond.svg#myriadpro-boldcond') format('svg');
        font-weight: normal;
        font-style: normal;
}

<!--[if IE]>
@font-face {
    font-family: 'MyriadPro-BoldCond';
        src: url('...myriadpro-boldcond.eot');
}
<![endif]-->
4

1 回答 1

1

在 Firefox 错误控制台中，加载您的站点时：

[02:31:52.279] 可下载字体：下载失败（字体系列：“MyriadPro-BoldCond”样式：正常重量：正常拉伸：正常 src 索引：1）：不允许 URI 或跨站点访问来源：http： //www.doig.com.au/wp-content/themes/brinkley/myriadpro-boldcond.woff @ http://brinkley.doig.com.au/wp-content/themes/brinkley/style.css?ver= 3.4.2

请注意，该站点位于brinkley.doig.com.au但正在从 加载字体www.doig.com.au。并且大概服务器不提供正确的 CORS 标头。

它在 Chrome 中工作的唯一原因是 Chrome 没有正确实现http://dev.w3.org/csswg/css3-fonts/#default-same-origin-restriction

于 2012-11-14T10:33:02.967 回答