我在 Azure 上的 WebApp 遇到了一些问题。我的自定义字体在我的本地主机上正确呈现，但是当我将项目部署到 Azure 并访问网站时，Web 浏览器通知我找不到我的字体（错误 404）。但是当我从 Azure 门户访问 FTP 服务器时，我可以找到这些字体。
我还尝试了此链接的解决方案：http://www.codepal.co.uk/show/WOFF_files_return_404_in_Azure_Web_Sites http://www.codepal.co.uk/show/WOFF_files_return_404_in_Azure_Web_Sites
但遗憾的是没有任何进展。
我在 Azure 上的 WebApp 遇到了一些问题。我的自定义字体在我的本地主机上正确呈现，但是当我将项目部署到 Azure 并访问网站时，Web 浏览器通知我找不到我的字体（错误 404）。但是当我从 Azure 门户访问 FTP 服务器时，我可以找到这些字体
原因是这些格式不存在于MIME类型对于 IIS 的列表，如果您仍然遇到问题并且 IIS 在添加 MIME 类型后仍然不提供文件服务，正如 Amey Vaidya 所说，您可以尝试在重新声明这些字体文件的 MIME 类型声明之前删除 MIME 类型声明。
我这边也有同样的问题：
项目文件夹结构
注意：我正在使用sansation_light.woff https://www.w3schools.com/cssref/sansation_light.woff.
默认.html
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<style>
@font-face {
font-family: myFirstFont;
src: url(/fonts/sansation_light.woff);
}
#cont {
font-family: myFirstFont;
}
</style>
</head>
<body>
<div>hello world</div>
<br />
<div id="cont">hello world</div>
</body>
</html>
404错误
添加MIME类型后，就可以正常工作了。
<system.webServer>
<staticContent>
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
<remove fileExtension=".woff2" />
<mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
</system.webServer>
此外，请确保您在中指定了正确的字体文件 URLsrc的财产@font-face规则 https://www.w3schools.com/cssref/css3_pr_font-face_rule.asp。如果可能，您可以在您的 Azure Web 应用程序环境上测试我的示例代码并检查它是否有效，如果您的 Azure Web 应用程序环境出现问题导致问题，您可以尝试将项目部署到新的 Azure Web 应用程序，然后检查它是否可以工作。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
