您的位置:首页 > 运维架构 > 网站架构

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

2017-11-14 19:41 267 查看

第一种方法:在服务器上 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>


这个是意外看到 原作者:@蒋固金 写的 , 感谢!!!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: