Question

我在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

Answer 1

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

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

当网站在azure上发布时，浏览器无法找到字体

1 个答案: