解决 IIS 部署网站引用 woff/woff2/svg 字体报 404 错误

最新推荐文章于 2025-05-17 10:05:21 发布
原创 最新推荐文章于 2025-05-17 10:05:21 发布 · 1.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Windows #IIS

本文介绍了在IIS服务器上部署网站时遇到的woff/woff2/svg字体加载失败问题及其解决方案。原因是IIS默认不识别这些字体格式，解决方法是在IIS中添加相应的MIME类型。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一、问题

在IIS上部署网站，网页引用woff字体时，浏览器报“找不到woff字体”、“404”错误，不仅预设的字体加载不出来，还影响网页加载速度。

二、原因

IIS默认设置情况下不识别.woff、.woff2、.svg这几个后缀的文件。

三、解决方法

在IIS上添加（.woff、.woff2、.svg）MIME类型。

四、操作

1、打开IIS，找到“MIME 类型”。

解决IIS部署网站引用woff/woff2/svg字体报404错误

2、按顺序操作：“MIME 类型”->“添加”->添加三条：

文件扩展名MIME 类型

.woffapplication/x-font-woff

.woff2application/x-font-woff

.svgimage/svg+xml

解决IIS部署网站引用woff/woff2/svg字体报404错误

解决IIS部署网站引用woff/woff2/svg字体报404错误

IIS无法加载*.woff,*.woff2,*.svg文件的解决办法
weixin_43833100的博客
11-04 798
网站发布后，请求*.woff,.woff2,.svg此类文件时得到的都是404，这种情况要怎么解决呢？ 解决方案一： 给服务器IIS添加SVG,WOFF,WOFF2这几个文件类型的扩展，即在IIS上添加MIME 类型。 打开服务器IIS管理器–》选择该发布网站–》在功能视图中，选择MIME类型 选择MIME类型–》鼠标双击–》进入MIME类型管理列表–》点击右上角“添加…” 输入对应的文件扩展名和MIME类型，点击“确定”就行了     1） .wof
解决在宝塔面板IIS服务器上部署svg/woff/woff2字体的问题
smddw的博客
10-28 1497
　　部署网站的字体和服务器IIS有什么关系?如果你的职责只限于一名前端开发，那么你可能很“幸福”地与这些问题擦肩而过，浑然不觉。可是本人一直都是孤军奋战，连开发环境都要自己搭建，这次又踩了新的坑，发现网站所用的woff、svg等字体压根就没被页面加载。反复排摸都不得其解，用浏览器访问服务器上的这些字体url，全都报404错误，只有ttf的字体能被访问到… 　　解决方法： 　　IIS不认SVG，...
解决Web部署 svg、woff、woff2字体 404错误
10-11
解决Web部署 svg、woff、woff2字体 404错误 ，解决Web部署 svg、woff、woff2字体 404错误
网页设计字体指南：WOFF与WOFF2格式的实用之道
最新发布
weixin_31419153的博客
05-17 587
本章深入探讨了在网页设计中使用字体的知识产权问题，字体文件格式的复杂性，以及如何通过@font-face规则在网站上正确地使用和应用字体。文中详细解释了WOFF和WOFF2字体格式的重要性，提供了如何使用Webfont Generator工具自动生成这些格式的方法，并且讨论了在不同浏览器和操作系统上字体兼容性问题。此外，还包括了如何通过CSS的font-variant和line-height属性来增强文本的视觉效果。
【问题及解决】fonts/fontawesome-webfont.woff2 404 (Not Found)
weixin_30843605的博客
09-30 1826
问题： 虽然网页正常显示和运行，但是有2个字体文件出现404错误。像笔者这种强迫症是接受不了的。 解决： 因为笔者的服务器是虚拟主机，只需要在主机控制器平台添加对应的MIME类型即可。 这样服务器就支持这两种字体文件，不会报错了。 参考的解决方案文章全文如下： 来源：http://www.yneit.com/2016/06/fontsfontawesome-web...
解决IIS网站.woff 404 (Not Found)问题
weixin_33767813的博客
09-05 330
一、在没有权限操作IIS管理器的情况下，在Web.config中的system.webServer节点进行如下配置： <system.webServer> <staticContent> <remove fileExtension=".woff" /> <mimeMap fileExtension=".w...
iis发布后出现 .woff 404 (Not Found)的问题
05-17 1122
网站发布到IIS后，发现网站使用的Bootstrap框架所引用的woff字体无法正常显示。于是跟踪http请求，发现woff字体请求出现GET .woff 404 (Not Found)的问题，但是项目中woff字体的文件并未丢失。后经排查，原来是服务器上IIS没有添加woff字体的MIME类型，导致发送HTTP请求时，IIS无法处理和识别此类型的文件。解决方法一：在Web.config配置文件中添
为IIS增加svg和woff等字体格式的MIME(2003、2008)
09-30
在现代网页设计中，使用矢量图形作为图标已经成为一种常见做法，特别是通过字体文件（如SVG、WOFF、EOT、OTF和TTF）来实现。这些字体文件允许在不同分辨率和屏幕尺寸的设备上以清晰、可缩放的方式显示图标，尤其在...
Woff2字体404错误
lxpume的专栏
09-03 766
前提： 使用fontawesome图标库的时候，我们经常会遇到Woff2字体404的错误，这是因为IIS不认识这种Woff2.0的版本。需要我们手动添加支持。 方法目前知道的有2种： 在IIS中配置MIME类型。以下是3种经常会提示404的字体格式，按需添加即可。 .svg image/svg+xmz .woff applica...
解决IIS部署网站引用woff/woff2/svg字体报404错误
weixin_30765577的博客
06-09 166
一、问题 在IIS上部署网站，网页引用woff字体时，浏览器报“找不到woff、woff2字体”、“404”错误，不仅预设的字体加载不出来，还影响网页加载速度。 二、原因 IIS默认设置情况下不识别.WOFF、.WOFF2、.SVG这几个后缀的文件。 三、解决方法 在IIS上添加（.WOFF、.WOFF2、.SVG）MIME类型。 三、操作 1、打开IIS，找到“MIME 类型”。 ...
.woff2/svg/woff文件报404错误
weixin_41262185的博客
08-17 1491
找不到woff、woff2字体或图标的错误 原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。​ IIS7 解决办法： http://www.cnblogs.com/hanwen/p/4212622.html​ IIS6解决办法：http://blog.brain1981.com/682.html 详细如下: ​1、打开服务器IIS管理器...
字体图标文件服务器提示404,iis环境下字体图标woff/woff2/svg返回404不显示的原因与解决方法...
weixin_29338423的博客
08-05 1233
在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误，导致浏览器加载字体报404错误，因为服务器IIS不认SVG，WOFF/WOFF2，otf,eot,ttf 这几个文件类型，只要在IIS上添加MIME 类型即可。字体文件明明是存在的，但是却提示404，打开字体文件路径是这样的提示，MIME类型没添加，错误如下图：解决方法如下：一，如果你是服务器的话，打开服务器II...
JS生成二维码QRCode代码
专注企业级视频应用，企业视频直播、MR虚拟直播、教育培训连麦直播
09-06 1767
JavaScript是一种广泛使用的前端编程语言，它不仅用于网页交互，还可以实现许多实用功能，如生成二维码。本篇文章将深入探讨如何使用JavaScript生成二维码，以及如何确保这种生成的二维码在各种浏览器和手机端都能正常工作，并支持包含中文内容。
IIS字体文件404问题
u010622242的博客
08-01 924
代码发布到服务器的IIS后，发现字体文件报404错误，但是去该目录查看确实存在的。 愿意是因为IIS默认不识别字体库文件。参考方案，在web.config文件中添加映射配置 <system.webServer> <staticContent> <remove fileExtension=".woff"/> <mimeM...
IIS下woff字体文件因MINE未设置而解析失败
isapi的博客
10-17 294
使用浏览器自带的开发者工具跟踪问题，控制台提示 GET http://…打开IIS管理器，在“MINE类型”中添加扩展名.woff的MINE类型application/font-woff。项目中使用Bootstrap Icons，VS调试时一切正常，部署到IIS后用浏览器打开发现所有图标无法显示。查看“网络”标签页，对应项里响应标头content-type:text/html;显然问题出在IIS下woff的MINE映射错误。重启IIS，再次用浏览器访问图标显示正常。
移动Web开发字体格式选择（附.woff\.woff2 兼容性）
black-heart的专栏
07-23 7063
在做移动开发的时候，UI设计师会提供一些定制字体，来提高产品的视觉效果。对于前端开发来说，就需要考虑字体文件的兼容性和文件的大小，在尽量保证UI效果的情况下，兼容更多的浏览器，减少资源体积，使UI效果、兼容性、性能三者达到平衡。由于中文字体字符集的限制，最终字体包文件都会很大，这里不做讨论。下面主要介绍英文、数字符号场景下几种常见的字体格式。 .ttf TrueType，是Type 1(Ado...
页面引用自定义woff字体
shengforever的博客
01-08 1407
页面引用自定义woff字体 // An highlighted block <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档<...
ASP.NET MVC 引用图标woff2 404问题
mufabixin的博客
04-06 426
本地调试ASP.NET MVC项目，引用Layui框架，在路径正确且文件存在的情况下，控制台报错：layui iconfont.woff2?v=256 404。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值