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

【问题标题】：Cross-site access for custom font (Django web project)自定义字体的跨站点访问（Django Web 项目）
【发布时间】：2018-02-03 16:39:40
【问题描述】：

通过实现@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

有没有办法解决这个问题？还是应该恢复自定义字体？

【问题讨论】：

标签： css fonts font-face webfonts

【解决方案1】：

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

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

这应该是css格式：

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

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

【讨论】：

是的，为了发帖更改了网址，所以不用担心网址的有效性。
@HassanBaig 以及您的问题是基于 URL 的错误声明。在此处发布您的 CSS 导入。
实际上font-face 等人是正确的，罪魁祸首是我将字体放在静态文件夹中 - 该文件夹在实时环境中映射到 CDN。它在本地运行良好，而不是在生产中。从您的回答看来，我需要将其放入本地服务器，而不是 CDN。