第一种方法:在服务器上 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>
这个是意外看到 原作者: @蒋固金 写的 , 感谢!!!