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

我在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。问题是与铬

来源

2014-09-30 Marc

您是从localhost：//服务器测试它还是试图在本地加载页面？ – 2014-09-30 23:36:49

它适用于本地主机，但它不在azure网站上 – Marc 2014-09-30 23:37:29

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

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

来源

2014-10-01 01:51:39 dascalos

谢谢！这正是我需要的。你能解释一下image/svg + xml part plz。它也适用于.woff，但我不明白它是如何工作的。 – Marc 2014-10-01 02:06:42

这是.svg文件的注册标准。 http://www.w3.org/TR/SVG11/mimereg.html – dascalos 2014-10-01 03:13:40

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

回答

相关问题