Fontello图标未显示在Azure Web应用程序中

时间:2016-08-20 06:00:22

标签: asp.net-mvc azure fonts azure-web-sites fontello

使用MVC 5,我在我的应用程序中包含了 Fontello 图标。 我的字体文件夹中有以下文件类型: eot,ttf,woff,woff2,svg

在本地运行应用程序,图标看起来很好但在Azure中运行时它们不会显示。

按照建议: http://codingstill.com/2013/01/set-mime-types-for-web-fonts-in-iis/ ,我将以下代码添加到web.config:

  <system.webServer>
    <staticContent>
      <remove fileExtension=".eot" />
      <remove fileExtension=".ttf" />
      <remove fileExtension=".svg" />
      <remove fileExtension=".woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
      <mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />           
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
    </staticContent>
  </system.webServer>

这没有帮助,图标仍然没有显示,我收到以下控制台错误:

The link http://{myapplication}.azurewebsites.net/fonts/font/fontello.woff?50484361 Failed to load resource: the server responded with a status of 404 (Not Found)

但我只在5种文件类型中有3种:(ttf,woff&amp; woff2)。

注意:文件确实存在,并且位于正确的位置!

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

所以问题是如何解决的 - 感谢 @GauravMantri 寻求解决方案!!

文件:

\fonts\font\fontello.ttf
\fonts\font\fontello.woff
\fonts\font\fontello.woff2

确实存在于磁盘上,在我的本地环境中,因此在本地运行很好。 但它们实际上并不是解决方案的一部分,因此未部署到Azure。

See this image

所需要做的一切:

右击VS =&gt;中的文件&#39; 加入项目&#39; 然后再次发布到Azure ..