Webfont 没有在 Firefox 上加载答案

【问题标题】：Webfont not loading on firefoxWebfont 没有在 Firefox 上加载
【发布时间】：2014-07-23 03:52:52
【问题描述】：

我在 Firefox 上加载字体时遇到问题。即使我尝试使用网络字体，我也会不断收到错误消息。我在 Tumblr 上使用它并通过主题资产上传字体。这是我得到的错误：

跨域请求被阻止：同源策略不允许读取位于http://static.tumblr.com/**/****/neona-webfont.woff 的远程资源。这可以通过将资源移动到同一域或启用 CORS 来解决。 neona-webfont.woff 可下载字体：下载失败（字体系列：“neonaregular”样式：正常粗细：正常拉伸：正常 src 索引：1）：不允许 URI 或跨站点访问来源：http://static.tumblr.com/**/****/neona-webfont.woff

有人知道解决这个问题的方法吗？

提前，谢谢。

【问题讨论】：

我会查看 base64 字体，以绕过 CORS：marcos.ciarrocchi.me/post/31528113859/…
谢谢！这帮助我解决了这个问题:)
优秀。也许发布您的解决方案，rep + 帮助其他人。 :D

标签： css firefox cross-domain font-face tumblr

【解决方案1】：

我假设您无权访问 static.tumblr.com ，如果是这样，则无法解决您的问题（据我所知）。

原因：

Firefox 默认阻止跨域字体，除非服务器发送特定的标头。可以通过将其添加到 .htaccess 文件来发送此标头：

<FilesMatch "\.(ttf|otf|eot|woff)$">
    <IfModule mod_headers.c>
        Header set Access-Control-Allow-Origin "*"
    </IfModule>
</FilesMatch>

但是如果没有访问字体服务器，这是不可能的。

【讨论】：

【解决方案2】：

顺便说一句，Chrome 37 也会很快失败，因为 Chrome 的行为是固定的，将遵循规范和 Firefox、IE 10、IE 11。

http://crbug.com/286681 https://groups.google.com/a/chromium.org/forum/#!topic/blink-dev/sU138vJ_PI0

【讨论】：