Failed to decode downloaded font:解决方法

最新推荐文章于 2025-01-23 10:51:36 发布
原创 最新推荐文章于 2025-01-23 10:51:36 发布 · 1.2w 阅读 · 2 ·
CC 4.0 BY-SA版权
Hello,Bug
文章标签：

#BootStrap

本文介绍了三种解决项目中出现乱码的方法：一是通过替换字体文件，二是引入Bootstrap样式表，三是重新下载并配置Bootstrap资源。

我用的是SpringBoot+layUi写的出现

方法一

发现乱码网上说写拦截器什么的，

下载链接把文件中fonts文件下的替换成我的

链接：https://pan.baidu.com/s/1u3aG53StIsyxyfQ9Fwtcbg 
提取码：t70b 
最后启动项目，记着启动项目必须要Ctrl+F5强制刷新！！！！

方法二

<link rel="stylesheet" href="https://apps.bdimg.com/libs/bootstrap/3.2.0/css/bootstrap.min.css">

 

方法三（个人感觉最稳的就是）重新下载BootStrap

http://www.bootcss.com/

 

 下载解压完是这个样子

然后加入到你的项目中

<!--这样进入css-->
<link rel="stylesheet" href="填写您的路径/bootstrap-3.3.7-dist/css/bootstrap.css"/>
	<!--注意地址要写对-->

搞定~

如果有不对的地方，请各位老鸟多多指点 

浏览器显示Failed to decode downloaded font问题解决方案
weixin_44173639的博客
12-16 1万+
最近做一个spring boot项目时，网站有的图标显示的是小方格的形式 例如这样： 然后百度了半天，以下有四种解决方法： 第一：如果是在谷歌或者火狐浏览器出现的话，换成ie浏览器就可以显示了。（我的就是这种！！！） 如果你是那种刨根问底的性格，非要使用谷歌或者火狐，可以在服务器设置一下自己定义MIME类型。（具体自行百度）。 第二：检查是否使用maven，如果是，由于maven的filter（拦截），会破坏font文件的二进制文件格式，导致前台解析出错， 所以可以添加以下代码，到pom文件的标签下的标签
Failed to decode downloaded font 浏览器异常警告解决
往南的博客
09-22 3052
问题：在将之前写好的静态 HTML 页面引入到 SpringBoot 中，静态资源中带有 font 字体图标， 引入后图标不能正常显示，且浏览器出现Failed to decode downloaded font警告； 原因：触发这种情景的原因是因为项目使用了Maven管理，想要修复它只需在pom文件中添加 <filtering>false</filtering> 完整配置： <resources> <resource> ..
resource 后的jar资源文件破坏执行问题解决
Stroller
03-04 1426
src/main/resources true **/*.jar src/main/resources false **/*.jar
element ui 图标显示“口“字，无法加载，控制台打印Failed to decode downloaded font 问题总结
qq_38811926的博客
09-06 1164
后端前端。
layui字体图标有问题，浏览器报 Failed to decode downloaded font:
lf1934305268的博客
09-16 964
原因可能是乱码导致的，加入插件让字体文件不乱码 <plugin> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-maven-plugin</artifactId> <configuration> <main
Failed to decode downloaded font: remixicon-BVvFtaex.woff2
09-29
解决 'Failed to decode downloaded font: remixicon-BVvFtaex.woff2' 错误可以尝试以下方法： ### React 项目 若为 React 项目，打包后 public 目录下的字体文件作为静态资源存在，部署到服务器上之后字体引入失效...
vue项目 Failed to decode downloaded font: remixicon-BVvFtaex.woff2
09-29
在vue项目中解决 “Failed to decode downloaded font: remixicon - BVvFtaex.woff2” 错误，可参考以下两种方法： - **转换字体格式**：将字体格式从 `.tff` 转换成 `.woff` 或 `.woff2` 。具体操作是使用字体转换...
前端工程 Failed to decode downloaded font: http://localhost:8080/9174395567d3eb50a4de.ttf
12-09
“Failed to decode downloaded font: http://localhost:8080/9174395567d3eb50a4de.ttf” 错误通常表示浏览器在下载字体文件后无法正确解码该字体，这可能与之前的 “OTS parsing error: invalid sfntVersion: ...
15Failed to decode downloaded font: <URL>, test.html:186 Failed to decode downloaded font: data:font/woff2;base64, index.html:1 Failed to decode downloaded font: data:font/woff2;base64, test.html:1 Failed to decode downloaded font: data:font/woff2;base64, index.html:1 Failed to decode downloaded font: data:font/woff2;base64, main/test.html?v=1758501939589:1 Failed to decode downloaded font: data:font/woff2;base64, main/test.html?v=1758501939589:1 Failed to decode downloaded font: data:font/woff2;base64, main/test.html?v=1758501939589:1 Failed to decode downloaded font: data:font/woff2;base64, main/test.html?v=1758501939589:1 Failed to decode downloaded font: data:font/woff2;base64, main/test.html?v=1758502031322:186 Failed to decode downloaded font: data:font/woff2;base64, test.html:1 Failed to decode downloaded font: data:font/woff2;base64, test.html:1 Failed to decode downloaded font: data:font/woff2;base64, test.html:1 Failed to decode downloaded font: data:font/woff2;base64, test.html:1 Failed to decode downloaded font: data:font/woff2;base64, index.html:1 Failed to decode downloaded font: data:font/woff2;base64, test.html:1 Failed to decode downloaded font: data:font/woff2;base64,、】
09-23
Failed to decode downloaded font: data:font/woff2;base64,... ``` 表明浏览器在尝试加载一个通过 **Base64 编码内嵌** 的 `woff2` 字体文件时失败了。这类问题通常出现在使用自定义字体（如 `@font-face`）并将...
vue3 webpack 引入字体 Failed to decode downloaded font: http://localhost:8080/04e59928635f182b188c.ttf
最新发布
12-09
解决 `Failed to decode downloaded font: http://localhost:8080/04e59928635f182b188c.ttf` 错误，可从以下几个方面着手： ### 检查字体文件完整性 要保证字体文件没有损坏。可以尝试在别的项目里引用该字体文件...
react项目引入字体文件失败：Failed to decode downloaded font
u010234868的专栏
01-23 1111
3）打包后，public目录下的字体文件作为静态资源存在，部署到服务器上之后，发现字体引入失效，控制台提示的download路径为：http://ip/fonts/……2）src中url路径不添加public，直接使用/即表示在public目录下，项目中加上/public的别名~@public之后，有时字体文件引入会失效，直接使用上述代码的/fonts/。react项目中引入字体文件，本地启动时，有时候生效，有时候失败，控制台提示：Failed to decode downloaded font。
Failed to decode downloaded font: 字体文件无法使用的问题
学习笔记
09-30 8804
Failed to decode downloaded font: 字体文件无法使用的问题 遇到这个问题，网上搜说是后台文件过滤的问题，致使文件损坏，所以才出现这个错误。 测试了下，还真是： 首先把有问题的字体文件从 source 标签中下载下来 把项目中的文件复制一份出来 对比这两个文件的大小 发现大小确实不一样。所以说明就是文件的问题。 这个时候找后台处理文件过滤的问题就可以了，不管是哪个过滤，肯定是过滤的问题。跟前边没干什么关系。 ...
bug笔记 - Servlet&JSP --- 前端代码报错: Failed to decode downloaded font
dela_的博客
12-23 2402
1. bug描述今天写代码的时候出现了一个问题, 前端页面的一些小图标不见了, F12之后, 发现报错信息如下: Failed to decode downloaded font: http://localhost:8080/font-awesome-4.7.0/fonts/fontawesome-webfont当然这只是其中的一条, 因为由好几个图标都不能显示, 所以有好几条这样的报错信息.2.
Failed to decode downloaded font（线上环境字体图标不显示）
weixin_41991005的博客
11-14 4285
网上解决办法： 1.问题：maven项目使用Bootstrap时，出现 "Failed to decode downloaded font"和"OTS parsing error: Failed to convert WOFF 2.0 font to SFNT"导致图标出不来的问题。 2.原因：上面的xml里也写了，因为经过maven的filter，会破坏font文件的二进制文件格式，到时前台...
浏览器警告Failed to decode downloaded font 系统页面字体图标加载不出来（线上环境字体图标不显示）
热门推荐
uiguion的博客
05-06 2万+
#Failed to decode downloaded font 当我们发现页面有些字体图标不显示，或者显示错误时，浏览器就会报上述错误。 这时候解决方法有三点（三步）： 第一：检查是否使用maven，如果是，由于maven的filter（拦截），会破坏font文件的二进制文件格式，导致前台解析出错， 所以可以添加以下代码，到pom文件的<project>标签下的<b...
.net加载字体时遇到 Failed to decode downloaded font：
qq_15197419的博客
08-27 382
今天客户要求网页新增一个比较冷门的字体-华文魏碑。结果字体文件下载下来后，电脑打开正常，但是浏览器加载时会报错 Failed to decode downloaded font。 百度给出的几个方法都不行。（当然，首先要考虑可能是因为IIS没有添加MIME类型，但是我已有的ttf字体是能正常加载的，明显不是这个问题。）字体不管从哪个网站下载，都是同一个出处的文件，都不行。 如果也有同学遇到了我这种情况。不妨可以尝试下，把这个字体文件拿去转换一下格式。 在线转换链接：https://www.fontke.co
浏览器报警告，Failed to decode downloaded font和OTS parsing error: Failed to convert WOFF 2.0 font to SFNT
习惯了想你的博客
05-17 7476
文章目录静态资源文件拦截字体报错 Failed to decode downloaded font 静态资源文件拦截 在整合一个前端框架到我的项目中的时候，浏览器报404，这个很容易解决，Spring拦截器给拦截了，在Spirng中配置一下不拦截规则即可。 配置Spring拦截规则 @Configuration public class WebMvcConfig implements WebMv...
springboot : Failed to decode downloaded font 和 OTS parsing error
烤鸭的世界我们不懂。
10-24 3182
大家好，我是烤鸭： 采坑实录，看了很多人跟我有类似问题，但是都没解决我的问题： Failed to decode downloaded font 和 OTS parsing error: 尝试了把woff文件移动到其他可以加载的静态资源文件夹下，还是无法加载。 浏览器打开访问直接跳转到登录页。猜测是字体的静态资源被拦截。   解答参考这个： https://stackoverfl...
评论 3
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Hello Bug

谢谢老板，老板大气，老板硬邦邦

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值