Question

我知道font-face在某些浏览器中不允许使用外部URL到字体（例如，这在Firefox中不起作用）。

但最近我发现插件“video-js”可以帮助您将视频嵌入到视频播放器中。该插件的css文件包含一个名为vjs的字体。

为什么我可以使用他们的托管版本及其自定义字体“vjs”仍可在我的网站 server1.example.com 上使用？

<link href="http://vjs.zencdn.net/4.1/video-js.css" rel="stylesheet">
<script src="http://vjs.zencdn.net/4.1/video.js"></script>

只要我在第二个webserver server2.example.com上托管css，在我将文件移回server1.example.com或使用zencdn的托管版本之前，它将不再有效。

为什么？他们是否修改了网络服务器中的某些设置？

Answer 1

Firefox默认情况下不允许跨域请求自定义字体。我仍然不明白为什么他们不允许这样做，但你可以通过在字体请求中添加Access-Control-Allow-Origin标头来解决这个问题。在Apache中，你会做这样的事情：

AddType application/vnd.ms-fontobject .eot
AddType font/ttf .ttf
AddType font/otf .otf
<FilesMatch "\.(ttf|otf|eot)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>

使用font-face加载外部css

1 个答案: