自定义字体的跨站访问（Django web项目）

Question

通过实施 @font-face，我为客户向 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

有什么办法可以解决这个问题吗？或者我应该恢复自定义字体？

Answer 1

首先，URL 甚至无效。不确定您是否只是为了发布目的而更改它。

您应该在本地下载并导入字体。

这应该是 css 格式：

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

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

自定义字体的跨站访问（Django web项目）

Cross-site access for custom font (Django web project)

css

fonts

webfonts

font-face