2017-08-25 87 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有效性。 –

+0

@HassanBaig以及您的問題是基於URL的錯誤聲明。在這裏發佈你的CSS導入。 –

+0

實際上'font-face'等人是正確的,罪魁禍首是我把字體放在靜態文件夾中 - 該文件夾映射到實時環境中的CDN上。它在當地正常工作,而不是生產。從你的回答看來,我需要把它放在本地服務器上,而不是CDN上。 –