为IIS增加svg和woff等字体格式的MIME(2003、2008)


因客户需求,需要在本地添加空间这样的字体支持,客户本地测试如下图:

线上服务显示效果如下图:

经百度查询后,结果如下:
使用了字体文件来显示矢量的图标,为了能在IIS上正常显示图标,可以通过增加iis的MIME-TYPE来支持图标字体文件

下面就把IIS增加svg、eot 、woff、otf 、ttf 等字体格式文件的MIME。

增加以下两种文件类型即可:

.svg image/svg+xml
.woff application/font-woff

我把其它几种也写在下面,供以后学习:

.eot application/vnd.ms-fontobject
.otf application/octet-stream
.ttf application/octet-stream

操作流程如下图:

原文地址:http://blog.51cto.com/liusf/2316207

时间: 2024-10-13 08:02:09

为IIS增加svg和woff等字体格式的MIME(2003、2008)的相关文章

让IIS支持bootstrap 增加svg和woff格式文件的支持

使用了最新的bootstrap框架,结果在IIS6上无法显示图标. 因为框架使用了字体文件来显示矢量的图标,为了能在IIS上正常显示图标,可以通过增加iis的MIME-TYPE来支持图标字体文件: 增加以下两种文件类型即可: .woff application/x-woff .svg image/svg+xml

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

好了,废话不多说了直接,当你看见这篇文章的时候说明你遇到了跟我一样的问题,就是在IIS服务器上运行自己刚刚搭建好的网站不能识别 svg/woff/woff2字体.好了我马上要开始动手了,不信你马上看下面 1.我先把我的准备好的字体给解压出来看(当然这张图我是在网上找的,但是都一样) 2.然后一股脑都上传到服务器上,注意刚刚解压的文件里面已经生成了加载字体的CSS代码,在文件stylesheet.css里,直接拷贝过来把font-family改成我要的"Open Sans",放到自己网站

解决Web IIS部署 svg/woff/woff2字体 404错误

问题:最近在IIS上部署web项目的时候,发现一些字体图标等无法正常显示,经查是浏览器无法找到woff.woff2字体的对应文件,报404错误. 原因:因为服务器IIS默认没有全部添加.svg,.woff/.woff2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff            a

解决IIS Web部署 svg/woff/woff2字体 404错误

最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了几百毫秒的加载时间. 一开始以为是路径的问题,检查发现路径也没错. 后来才发现因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 打开服务器IIS管理器,找到MIME类型 添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff   

解决Web部署 svg/woff/woff2字体 404错误

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff          

解决Web部署 svg/woff/woff2字体 404错误(转)

原文链接:http://www.cnblogs.com/hanwen/p/4212622.html 问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MI

ttf,eot,woff,svg,字体格式介绍及使用方法

而由于网页中使用的字体类型,也是各浏览器对字体类型有不同的支持规格. 字体格式类型主要有几个大分类:TrueType.Embedded Open Type .OpenType.WOFF .SVG. TrueType Windows和Mac系统最常用的字体格式,其最大的特点就是它是由一种数学模式来进行定义的基于轮廓技术的字体,这使得它们比基于矢量的字体更容易处理,保证了屏幕与打印输出的一致性.同时,这类字体和矢量字体一样可以随意缩放.旋转而不必担心会出现锯齿. EOT – Embedded Ope

解决 svg/woff/woff2字体 错误

1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 文件扩展名      MIME类型 .svg             image/svg+xmz ?.woff            application/x-font-woff ?.woff2          application/x-font-woff

WinServer-IIS-svg/woff/woff2字体 404错误

问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff.woff2字体的错误.导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间. 原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可. 解决方法 1.打开服务器IIS管理器,找到MIME类型. 2.添加MIME类型 添加三条: 文件扩展名      MIME类型 .svg             image/svg+xml.woff