1

使用 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 和 woff2)。

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

有任何想法吗 ?

4

1 回答 1

3

所以这就是解决问题的方法---谢谢@GauravMantri的解决方案!

文件:

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

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

看到这张图片

所有需要做的:

右键单击 VS => ' Include In Project ' 中的文件,然后再次发布到 Azure..

于 2016-08-21T12:47:57.003 回答