Azure WebApp未加载我的字体

Question

Azure WebApp未加载我的字体

Jak*_*kub 3 c# asp.net-mvc azure-web-sites

我的Azure上的WebApp有点问题.我的自定义字体在我的localhost上正确呈现,但是当我将项目部署到Azure并访问WebSite时,WebBrowser通知我无法找到我的字体(错误404).但是,当我从Azure门户访问FTP服务器时,我可以找到这些字体.我也试过这个链接的解决方案:http: //www.codepal.co.uk/show/WOFF_files_return_404_in_Azure_Web_Sites

但遗憾的是没有任何进展.

Answer 1

Fei*_*Han 10

我的Azure上的WebApp有点问题.我的自定义字体在我的localhost上正确呈现,但是当我将项目部署到Azure并访问WebSite时,WebBrowser通知我无法找到我的字体(错误404).但是,当我从Azure门户访问FTP服务器时,我可以找到这些字体

原因是这些格式在IIS 的MIME类型列表中不存在,如果您仍然遇到问题并且在添加MIME类型后IIS仍未提供文件,正如Amey Vaidya所说,您可以尝试删除之前的MIME类型声明重新声明这些字体文件的MIME类型声明.

同样的问题在我身边:

项目文件夹结构

注意:我使用的是sansation_light.woff.

default.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>

Run Code Online (Sandbox Code Playgroud)

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>

Run Code Online (Sandbox Code Playgroud)

此外,请确保在@ font-face规则的src 属性中指定字体文件的正确URL .如果可能,您可以在Azure Web应用程序环境中测试我的示例代码并检查它是否有效,如果Azure Web应用程序环境出现问题导致问题,您可以尝试将项目部署到新的Azure Web应用程序,检查它是否可以工作.

归档时间：	8 年，5 月前
查看次数：	2303 次
最近记录：	8 年，5 月前