Question

尝试在不同的主机（somee.com，azure，localhost）发布网站。网站位于asp.net mvc 4。

在localhost和somee.com上显示： https://dl.dropboxusercontent.com/u/58930284/testing/font_local.png

在Azure网站上：
https://dl.dropboxusercontent.com/u/58930284/testing/font_azure.png

的CSS：

@font-face 
{
   font-family: 'Font name';
   src: url("fonts/Font name.eot");
   src: url("fonts/Font name.eot?#iefix") format("embedded-opentype"),
     url("fonts/Font name.woff") format("woff"),
     url("fonts/Font name.ttf") format("truetype"),
     url("fonts/Font name.svg") format("svg");
   font-weight: normal;
   font-style: normal;
}

Answer 1

IIS 7不会返回未添加到的文件类型元素或具有映射的元素元素默认。此行为可防止未经授权的访问 IIS 7配置设置中没有映射的文件。

基本上，IIS不会返回它不了解其媒体类型的静态文件。因此，您需要手动添加未知的mime类型。

<configuration>
   <system.webServer>
       <staticContent>
         <remove fileExtension=".svg" />
         <remove fileExtension=".eot" />
         <remove fileExtension=".woff" />
         <mimeMap fileExtension=".svg" mimeType="image/svg+xml"  />
         <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
         <mimeMap fileExtension=".woff" mimeType="application/x-woff" />
       </staticContent>
   </system.webServer>
</configuration>

将此配置放在项目中的webconfig文件中。

将站点发布到Azure后，自定义css字体显示有干扰

1 个答案: