网站发布会svg图片不加载,在IIS服务器上部署svg/woff/woff2字体

第一种方法：在服务器上 IIS 或者其他Web服务器上 添加 SVG映射。

远程登录主机，打开IIS，找到网站，右键属性，打开“HTTP头”，找到右下角的“MIME类型…”

新建如下3条：

.svg image/svg+xml

.woff application/x-font-woff

.woff2 application/x-font-woff

完成后点应用。

回到浏览器再刷新页面，字体终于完美加载了。

注：本文所描述的运行环境是IIS6。在IIS7或更高版本中，“MIME类型”所在的位置会有所不同，但添加的参数一致。

原作者地址：

【1】在IIS服务器上部署svg/woff/woff2字体

https://blog.brain1981.com/682.html

【2】在Windows Azure/IIS7环境下部署svg/woff/woff2字体，添加MIME类型

https://blog.brain1981.com/727.html

第二种方法：在Web.Config 中添加配置节点，手工映射。

C# ---- .net

如下面：在WebServer节点下添加。

<staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="font/x-font-woff" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="font/x-font-woff" />
      <remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg"  mimeType="image/svg+xml" />
</staticContent>

当你使用虚拟主机时，又不想联系空间商添加映射时，第二种方法比较方便，自己动手丰衣足食。

这个方法是：@ 城市里的最后一个农民 写的，但是本人测试还是不行：或许是本人愚钝，有知道的希望可以留言帮助！分享别人，快乐自己！

如果上面不行看看这个：

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
      <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" />
    </staticContent>
    <rewrite>...</rewrite>
  </system.webServer>
</configuration>

JAVA ----JSP

 在https://www.w3.org/services/svg-server/中也有对SVG文件的mine类型的相关描述，最终的解决方法为在web.xml文件中添加SVG的mine类型配置，确保服务器能够正确的响应，使浏览器正常加载。

<mime-mapping>
   <extension>svg</extension>
   <mime-type>image/svg+xml</mime-type>
</mime-mapping>
 
<mime-mapping>
   <extension>svgz</extension>
   <mime-type>image/svg+xml</mime-type>
</mime-mapping>