在azure节点js web应用程序上找不到字体.woff 404

我在我的nodejs应用程序的控制台上显示了我的wwwroot上显示的这些字体: 在这里输入图像描述

我有我的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; } 

它在本地主机上工作完美,但即时通讯从我上传的天线版本中得到这个错误。 在这里输入图像描述

       

网上收集的解决方案 "在azure节点js web应用程序上找不到字体.woff 404"

请通过https://<your-webapp-name>.azurewebsites.net/DebugConsole访问Kudu工具的控制台,如果使用Express框架,请检查下面的web.configserver.js文件。 我认为你需要在css文件中为URL resources/font/...添加前缀符号/

图1. wwwrootpath下的web.configserver.js

在这里输入图像描述

图2. web.config静态内容的重写规则

在这里输入图像描述

图3. server.js的快速静态路由configuration

在这里输入图像描述

IIS服务器节点可能存在一个问题,它不能理解你的字体mimetype。 要解释它如何提供适当的字体,你需要:

  1. 使用KuDodebugging控制台下载自动生成的web.config文件。
  2. 将这些行添加到该文件中的适当位置: <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>

希望这可以帮助。