css - 网页字体无法在 Firefox 上加载

Question

我在 Firefox 上加载字体时遇到问题。即使我尝试使用网络字体，我仍然收到错误消息。我在 Tumblr 上使用它并通过主题 Assets 上传字体。这是我得到的错误:

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

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

提前，谢谢。

Answer 1

我假设您无法访问 static.tumblr.com ，如果是这样，就没有解决您问题的方法(据我所知)。

原因:

默认情况下，Firefox 会阻止跨域字体，除非服务器发送特定 header 。可以通过将其添加到 .htaccess 文件来发送此 header :

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

但是如果无法访问字体服务器，这是不可能做到的。