字体无法从 CDN 工作 - CORS 已设置

Posted 2023-03-15

【中文标题】字体无法从 CDN 工作 - CORS 已设置

【英文标题】：Font-face not working from CDN - CORS already set

【发布时间】：2014-03-17 11:56:44

【问题描述】：

我在使用 Firefox 时遇到问题，我的一种字体没有从我的 CDN 加载。我已经将 Access-Control-Allow-Origin 设置为 *。

有问题的字体只有 WOFF 和 EOT 文件（由于许可），而其他有效的字体有 WOFF、EOT、TTF 和 SVG 文件。

据我了解支持 WOFF，https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

有什么我缺少的东西才能让它工作吗？

@font-face 
    font-family: 'ProximaNovaReg';
    src: url('../fonts/ProximaNova-RegWeb.eot');
    src: url('../fonts/ProximaNova-RegWeb.eot#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-RegWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;


@font-face 
    font-family: 'ProximaNovaSbold';
    src: url('../fonts/ProximaNova-SboldWeb.eot');
    src: url('../fonts/ProximaNova-SboldWeb.eot#iefix') format('embedded-opentype'), url('../fonts/ProximaNova-SboldWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;

【问题讨论】：

你能分享你的 CSS（只有字体规则）吗？你用file:///做URL测试吗？

我已经更新了问题。不确定使用 file:/// 是什么意思。这些字体均未在本地安装。

【参考方案1】：

我通过删除#iefix 解决了这个问题，但它看起来应该是?#iefix。我在这里找到了更多信息：CSS Font Face "?#iefix"