2016-12-09 9 views
1

CSS @ font-faceルールでDropboxでホストしている.ttfファイルにアクセスしようとしています。Dropboxからフォントにアクセスする際のCORSエラー

これはコードです:

@font-face { 
    font-family: calculatorFont; 
    src: url(https://www.dropbox.com/s/6yufk6p4mmi8q3u/digital-7.ttf?dl=1); 
} 

そして、私はこのエラーを取得します。

'https://www.dropbox.com/s/6yufk6p4mmi8q3u/digital-7.ttf?dl=1'からのリダイレクトは、CORSポリシーによってブロックされています。要求されたリソースには、 'Access-Control-Allow-Origin'ヘッダーがありません。したがって、原点「ヌル」はアクセスが許可されません。

どうすればこの問題を解決できますか?

+0

[同じ原点のポリシーを迂回する方法](http://stackoverflow.com/questions/3076414/ways-to-circumvent-the-same-origin-policy)と多少話題が重複する可能性があります。 – josephting

+0

そのスレッドの中でどのような答えが私の問題を解決していますか? –

+0

リバースプロキシメソッドはこの問題を解決できますが、この方法でフォントを読み込まないでください。 Dropbox.comから送信されたヘッダーを変更して、ドメイン名が正しく読み込まれるようにする必要があります。残念ながら、できません。これを回避するための他の多くの方法があります。これは、これもオフトピックである理由です。 – josephting

答えて

0

Dropboxと同様に、静的資産をgithubリポジトリに入れてから、リポジトリのgithubページを有効にして公開することができます。 enter image description here

関連する問題