有这iconwebfont.wofff文件 为什么还报404

来源：蜘蛛抓取(WebSpider) 时间：2016-08-09 02:26 标签： fontawesome.woff
问题：最近在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，白白消耗了100-200毫秒的加载时间。原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME&类型即可。解决方法1、打开服务器IIS管理器，找到MIME类型。2、添加MIME类型 添加三条：　　&&&&&&&文件扩展名&&&&& MIME类型　.svg&&&&&&&&&&&& image/svg+xml.woff&&&&&&&&&&& application/x-font-woff.woff2&&&&&&&&& application/x-font-woff注：本文在win8环境下IIS7版本中填写的MIME类型，在IIS6、IIS7 MIME类型管理所处位置不一样，但是添加方式和参数均相同。&资料记录（12）
解决方法一：在Web.config配置文件中添加woff字体的MIME类型
fileExtension=".woff" /&
fileExtension=".woff" mimeType="font/x-font-woff" /&
这里要注意下的是这个配置，添加此节点是防止出现这个错误：“在唯一密钥属性“fileExtension”设置为“.woff”时，无法添加类型为“mimeMap”的重复集合项”，这个问题可以点击此链接查看解决方法。如果只添加下面的
这个节点，而且没有报这个错误的话，remove节点可以不用添加。另外”font/x-font-woff”是woff字体的MIME类型值。
将该节点添加到网站的配置文件后，在重新打开网站即可正常显示woff字体。此方法可用于没有权限操作IIS管理器的时候作为解决方案。
如果可以直接操作IIS管理器的话，也可以直接在IIS上添加woff字体的mime type。只要打开当前的IIS，打开MIME类型的配置，最后添加一个新的MIME类型就可以了，这里woff字体的扩展名是.woff, MIME类型为：”font/x-font-woff“。具体操作如下图所示：
打开控制面板中的IIS管理器，选择当前IIS，打开MIME类型配置
在IIS中添加.woff截图
点击MIME类型右边操作的栏的添加功能
添加.woff的MIME类型截图
弹出的添加MIME类型对话框中，文件扩展名填写.woff，MIME类型可填写 font/x-font-woff 或者application/x-font-woff
设置文件扩展名和类型
点击确定后成功添加了.woff扩展名的MIMI TYPE，现在打开网站请求WOFF字体就不会出现404 NOT FOUND错误了。
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：605次
排名：千里之外
原创：12篇
(2)(6)(1)(1)(1)(1)(1)(2)二次元同好交流新大陆
扫码下载App
温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
谋而后动 动必有成
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(3776)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'IIS无法加载字体文件(*.woff,*.svg)的解决办法',
blogAbstract:'\r\n在编写前端代码的过程中经常会遇到使用特定的字体(*.woff,*.svg)，此时在加载字体时请求会被返回\r\nFailed to load resource: the server responded with a status of 404 (Not Found)。\r\n原因是，默认在IIS上是没有添加对*.woff,*.svg文件的Mime类型，因此在客户端请求此类文件时得到的都是404。\r\n所以我们只需要在我们对应网站下的Mime类型中添加文件对应的类型就行了\r\n&\r\n\r\n.woff& application/x-font-woff \r\n.',
blogTag:'mime类型',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:5,
publishTime:2,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'谋而后动 动必有成',
hmcon:'0',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}Posts - 11,
Articles - 4,
Comments - 4
时间从来不回答，生命从来不喧哗
10:14 by 张瀚文zhw, ... 阅读,
问题：最近在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，白白消耗了100-200毫秒的加载时间。
原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME&类型即可。
1、打开服务器IIS管理器，找到MIME类型。
2、添加MIME类型 添加三条：　　
&&&&&&&文件扩展名&&&&& MIME类型　
.svg&&&&&&&&&&&& image/svg+xml.woff&&&&&&&&&&& application/x-font-woff.woff2&&&&&&&&& application/x-font-woff
注：本文在win8环境下IIS7版本中填写的MIME类型，在IIS6、IIS7 MIME类型管理所处位置不一样，但是添加方式和参数均相同。

我要回帖

更多关于 fontawesome.woff 的文章

 

随机推荐