2017-08-25 2 views
0

@font-faceを実装して、クライアントのWebプロジェクトにカスタムフォントを追加しました。ただし、カスタムフォントがロードされることはありません。カスタムフォントのクロスサイトアクセス(Django Webプロジェクト)

downloadable font: download failed (font-family: "droid_arabic_naskh" style:normal weight:normal stretch:normal src index:1): bad URI or cross-site access not allowed source: http://mysite.azureedge.net/css/fonts/droidnaskh-regular-webfont.woff2/woff/ttf 

これを修正する方法はありますか?またはカスタムフォントを元に戻す必要がありますか?

答えて

0

まず、そのURLは有効ではありません。投稿の目的のために変更したかどうかはわかりません。

フォントはローカルでダウンロードしてインポートする必要があります。

これは、CSS形式でなければなりません:

@font-face { 
 
    font-family: myFirstFont; 
 
    src: url(sansation_bold.woff); 
 
    font-weight: bold; 
 
}

参考:https://www.w3schools.com/css/css3_fonts.asp

+0

はい、目的を投稿するためのURLを変更し、そのURLの妥当性については心配しないでください。 –

+0

@HassanBaigよく、あなたの問題はエラーを主張するURLベースです。あなたのCSSインポートをここに投稿してください。 –

+0

実際には 'font-face'などが正しいですが、その原因は静的フォルダにフォントを置いたことです。そのフォルダは実際の環境のCDNにマップされています。それはローカルではうまく動作し、実稼動環境では動作しませあなたの答えは、CDNではなくローカルサーバに置く必要があるようです。 –

関連する問題