0

一部のブラウザーでは font-face がフォントへの外部 URL を許可しないことを知っています (たとえば、これは Firefox では機能しません)。

しかし最近、動画プレーヤーに動画を埋め込むのに役立つプラグイン「video-js」を発見しました。そのプラグインの css ファイルには、vjs というフォントが含まれています。

ホストされているバージョンを使用できるのに、カスタム フォント「vjs」が私の Web サイト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>

2 番目の Web サーバー server2.example.com で css をホストするとすぐに、ファイルを server1.example.com に戻すか、zencdn によってホストされたバージョンを使用するまで機能しなくなります。

何故ですか？Web サーバーの設定を変更しましたか?

4

1 に答える 1

2

デフォルトでは、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>
于 2013-08-18T01:40:15.313 に答える