404对于Azure上的自定义ttf字体(.NET MVC 5)

我有一个我以前见过的问题。我实施了解决方案,但问题依然存在。404对于Azure上的自定义ttf字体(.NET MVC 5)

我下载了两个自定义的ttf字体用于我的项目,蒙特雷和面包店。

这两种字体都已安装。这两条战线都在我的内容文件夹中。我更新了两者的字体属性,以便内容在构建时复制“if newer”。我在我的web配置文件中添加了必要的语言。我在我的CSS中创建了字体规则。

在我的本地机器上,即使访问我的应用程序的AzureSites版本,也会出现自定义字体。在其他任何一台电脑上,它们都没有出现,并在控制台中显示404。

请看下图。先谢谢您的帮助!

编辑以添加CSS文件的图像。

回答:

我怀疑的是,问题是..\fonts/baker.ttf..

比方说,你的目录结构

content/ 

styles/

stylesheet.css

fonts/

baker.ttf

所以当你的HTML中包含

<link rel="stylesheet" href="/content/styles/stylesheet.css"/> 

解析网址为/content/styles/../fonts/baker.ttf,一切的伟大工程。

但是,如果使用mvc进行部署,您的样式表可能会与bundler捆绑在一起并编译。该链接可能类似​​于

<link href="/bundles/css?v=Mny4y0TdpT_Ey6yWlayc6zrqhuQE-XSEh-dK8IJOsqc1" rel="stylesheet"> 

因此,那么解决的网址是/bundles/../fonts/baker.ttf,这是不存在的。如果是这样的话,我无法从屏幕截图中看到,但这是我的猜测。

尝试使用绝对网址,例如/content/fonts/baker.ttf作为字体导入而非相对导入。

此外,该反斜杠是高度怀疑。使用正斜杠,反斜杠不是URL中的有效分隔符。

以上是 404对于Azure上的自定义ttf字体(.NET MVC 5) 的全部内容, 来源链接: utcz.com/qa/258521.html

回到顶部