解决bootstrop中.woff报404问题

最新推荐文章于 2021-08-05 18:56:27 发布

Lucky社长大人

最新推荐文章于 2021-08-05 18:56:27 发布

阅读量1.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/programmerfanwei/article/details/80898065

本文介绍如何在web.config文件中为WOFF字体文件设置正确的MIME类型。通过<system.webServer>下的<staticContent>标签，移除旧的扩展名映射并添加新的MIME类型映射。

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

在web.config中的<system.webServer>中添加

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Lucky社长大人

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法

08-31

主要介绍了 Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法,需要的朋友可以参考下

bootstrap-icons-1.11.3.zip

03-10

Bootstrap Icons是一个广泛使用的开源图标库，专门为Bootstrap框架设计，但也可以独立于Bootstrap使用。图标库中的每个图标都是用纯CSS编写，这意味着它们具有良好的可扩展性和易于定制的特性。最新版本的Bootstrap ...

参与评论您还未登录，请先登录后发表或查看评论

.woff 文件404，配置到web.config

weixin_30604651的博客

03-05

143

<staticContent><removefileExtension=".woff"/><mimeMapfileExtension=".woff"mimeType="application/font-woff"/> </staticContent> 把上面一段插入到web.conf...

html woff文件报错,javascript - HTML joining WOFF font files - Stack Overflow

weixin_30114977的博客

06-26

224

I am getting multiple external SVG documents and adding them to a single document. The SVGs I get are generated by a thrid party, I can't change them. I can manipulate them as a strings once I get the...

网站上传虚拟主机部署以后woff字体文件提示404不存在怎么办？

滴水石穿

01-20

805

网站上传虚拟主机部署以后woff字体文件提示404不存在怎么办？有客户最近在IIS上部署web项目的时候，进入调试模式发现浏览器console日志里总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，到底什么原因？这是因为服务器IIS默认是没有SVG,WOFF,WOFF2这几个文件类型的扩展的，所以如果要解决，我们就要在IIS上添加MIME类型即可。解决方...

woff 404 woff2 404

happyfish2003的专栏

05-15

1119

问题：google fonts 国内不能使用，360加速也停止服务了，只能本地化，但是没效果，查看才知道 woff 格式 404。字体文件明明存在的，显示404.原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。解决方法1、打开服务器IIS管理器，找到MIME类型。2、添加MIME类型添加三条：　　文件扩展名 ...

bootstrap 图标引入

03-18

bootstrap 图标引入，直接把这个包放到入口文件夹下，在视图文件中引入就可以了。 ('font/bootstrap-icons.min.css') }}" rel="stylesheet"> <i class="bi-alarm"></i> <i class="bi bi-wechat"></i>

前端所需js、css文件，解决你的燃眉之需，下载下来直接可以使用

最新发布

06-16

Bootstrap的核心文件包括bootstrap.min.css、bootstrap.min.css.map、bootstrap-icons.css、bootstrap-icons.woff2、bootstrap.bundle.min.js和jquery-3.6.0.min.js。其中，bootstrap.min.css是Bootstrap的压缩版...

bootstrap解决图标显示不出来问题，出现GET .woff 404 (Not Found)的问题

☆╮123☆

09-22

2862

网站发布到IIS后，发现网站使用的Bootstrap框架所引用的woff字体无法正常显示。于是跟踪http请求，发现woff字体请求出现GET .woff 404 (Not Found)的问题，但是项目中woff字体的文件并未丢失。后经排查，原来是服务器上IIS没有添加woff字体的MIME类型，导致发送HTTP请求时，IIS无法处理和识别此类型的文件。目录：解决方法1：在We

【404】修复格式类型引用问题 - woff

weixin_42973143的博客

09-28

303

<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <staticContent> <mimeMap fileExtension=".svg" mimeType="image/svg+xml&qu

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

10-11

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

glyphicons-halflings-regular.zip

04-28

bootstrap 图标显示需要的5个字体文件glyphicons-halflings-regular @font-face { font-family: 'Glyphicons Halflings'; src: url('../common/css/fonts/glyphicons-halflings-regular.eot'); src: url('../common/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../common/css/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../common/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../common/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../common/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg'); } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

glyphiconshalflingsregular

09-18

内含glyphicons-halflings-regular.eot glyphicons-halflings-regular.woff glyphicons-halflings-regular.svg

解决网站出现GET .woff 404 (Not Found)的问题

weixin_30342827的博客

09-13

361

网站发布到IIS后，发现网站使用的Bootstrap框架所引用的woff字体无法正常显示。于是跟踪http请求，对woff字体请求出现GET .woff 404 (Not Found)的问题，但是项目中woff字体的文件并未丢失。后经排查，原来是服务器上IIS没有添加woff字体的MIME类型，导致发送HTTP请求时，IIS无法处理和识别此类型的文件. 目录：解决方法1：在W...

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

weixin_30436891的博客

03-20

158

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

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

种德养心

03-04

1257

最近在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误，白白消耗了100-200毫秒的加载时间。原因：因为服务器IIS不认SVG，WOFF/WOFF2 这几个文件类型，只要在IIS上添加MIME 类型即可。文件扩展名 MIME类型　 .svg image/svg+xml .woff

字体图标文件服务器提示404,iis环境下字体图标woff/woff2/svg返回404不显示的原因与解决方法...

weixin_29338423的博客

08-05

1232

在IIS上部署web项目的时候，发现浏览器总是报找不到woff、woff2字体的错误，导致浏览器加载字体报404错误，因为服务器IIS不认SVG，WOFF/WOFF2，otf,eot,ttf 这几个文件类型，只要在IIS上添加MIME 类型即可。字体文件明明是存在的，但是却提示404，打开字体文件路径是这样的提示，MIME类型没添加，错误如下图：解决方法如下：一，如果你是服务器的话，打开服务器II...

Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound

weixin_33851604的博客

06-01

221

今天查看网站的源代码，发现有个glyphicons-halflings-regular.woff文件没有找到，因为我的网站使用了bootstrap的Glyphicons 字体图标，因此需要加载Glyphicons Halflings的相关文件，但是我的文件中明明有这个文件那怎么会报404错误呢？那么具体是什么原因，我想到绝对路径中有，相同文件夹下的其他文件都可以找到为什么这个找不到呢？我发现这...

学习Bootstrap知识记录点-----iocn操作

weixin_34148340的博客

07-28

374

2019独角兽企业重金招聘Python工程师标准>>> ...

Bootstrap图标显示问题的解决方案

Bootstrap是一个非常流行的前端框架，它允许开发者快速地设计和定制响应式网站。它包含了大量的预设计组件，例如按钮、导航栏、表单以及布局网格等。...通过这些步骤，可以有效地解决大多数图标显示问题。