css - 网站在Azure上发布时浏览器找不到字体

我在azure上发表后发现一个错误。

浏览器在以下位置找不到字体
http://mydummywebsite/Content/KaneLandingPage/assets/elegant-icons/fonts/ElegantIcons.svg

但是当我查看ftp服务器时，文件在那里。

ftp://mydummywebsite.ftp.azurewebsites.windows.net/site/wwwroot/Content/KaneLandingPage/assets/elegant-icons/fonts/ElegantIcons.svg

这是CSS

@font-face {
    font-family: 'ElegantIcons';
    src:url(/Content/KaneLandingPage/assets/elegant-icons/fonts/ElegantIcons.eot);
    src:url(/Content/KaneLandingPage/assets/elegant-icons/fonts/ElegantIcons.eot?#iefix) format('embedded-opentype'),
        url(/Content/KaneLandingPage/assets/elegant-icons/fonts/ElegantIcons.ttf) format('truetype'),
        url(/Content/KaneLandingPage/assets/elegant-icons/fonts/ElegantIcons.svg#ElegantIcons) format('svg'),
        url(/Content/KaneLandingPage/assets/elegant-icons/fonts/ElegantIcons.woff) format('woff');
    font-weight: normal;
    font-style: normal;
}

有谁知道可能是什么问题？

编辑：

ElegantIcons.svg是我无法从ftp服务器下载的唯一文件。

而且我在IE中没有错误，因为它打开了ElegantIcons.eot。问题出在Chrome

最佳答案

我猜IIS不知道如何提供文件。您可以尝试将其添加到web.config ...

<configuration>
   <system.webServer>
      <staticContent>
         <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      </staticContent>
   </system.webServer>
</configuration>

关于css - 网站在Azure上发布时浏览器找不到字体，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/26131740/