Question

我的wwwroot上有这些字体，如我的nodejs应用程序控制台上所示：

我在css上有这种用法：

@font-face {
    font-family: myFont;
    src: url(resources/font/Montserrat-Bold.woff) format("truetype");
    font-weight: bold;
}
@font-face {
    font-family: myFont;
    src: url(resources/font/Montserrat-Light.woff) format("truetype");
    font-weight: 300;
}
@font-face {
    font-family: myFont;
    src: url(resources/font/Montserrat-Regular.woff) format("truetype");
    font-weight: 400;
}
@font-face {
    font-family: myFont;
    src: url(resources/font/Montserrat-SemiBold.woff) format("truetype");
    font-weight: 500;
}

html, body{
    font-family: myFont;
    font-weight: 300;
}

它在 localhost 上完美运行，但我从 azure 上传的版本中收到此错误。

Answer 1

请访问https://<your-webapp-name>.azurewebsites.net/DebugConsole的Kudu工具控制台，然后查看web.config＆amp;如果使用Express框架，请在下面显示server.js个文件。我认为您需要在css文件中为网址/添加前缀符号resources/font/...。

图1. web.config＆amp;路径server.js

上的wwwroot

图2. web.config

中静态内容的重写规则

图3. server.js

中的快速静态路由配置

Answer 2

IIS服务器节点可能存在一个问题，即它无法理解您的字体mimetype。要解释如何提供正确的字体，您需要：

使用KuDo调试控制台下载您自动生成的web.config文件。
将这些行添加到该文件中的适当位置： <configuration> <system.webServer> <staticContent> <remove fileExtension=".otf" /> <remove fileExtension=".woff" /> <mimeMap fileExtension=".otf" mimeType="font/opentype" /> <mimeMap fileExtension=".woff" mimeType="application/x-woff" /> </staticContent> </system.websServer> </configuration>

希望这有帮助。

在azure node js web app上找不到字体.woff 404

2 个答案: