Failed to decode downloaded font:解决方法

手把手教你解决Element-UI字体图标报错:Failed to decode downloaded font问题 本文详细解析了Element-UI项目中出现“Failed to decode downloaded font”字体图标报错的根本原因。问题通常源于构建工具(如Maven、Webpack)在资源处理过程中错误地对二进制字体文件(如element-icons.woff、element-icons.ttf)进行了文本过滤或转码,导致文件损坏。文章提供了针对Maven和Webpack项目的具体配置解决方案,指导开发者如何排除字体文件过滤,确保其被正确加载和渲染,从而彻底解决图标显示为方框的问题。 阅读详情

我用的是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"/>
	<!--注意地址要写对-->

搞定~

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

利用docx4j与docx4j-ImportXHTML高效实现HTML到Word的自动化转换 本文详细介绍了如何利用docx4j与docx4j-ImportXHTML库,在Java环境中高效实现HTML到Word文档的自动化转换。内容涵盖从环境搭建、核心依赖配置,到集成Spring Boot REST API的完整实战流程,并深入解析了处理图片、CSS样式、字体设置以及使用模板保证样式统一等高级技巧与常见问题解决方案,帮助开发者构建稳定的文档自动化生成流水线。 阅读详情

相关推荐

PT32F030与MT6826S SPI通讯实战:从硬件连接到数据交互全流程解析

本文详细解析了PT32F030与MT6826S通过SPI通讯的全流程,包括硬件连接、电路设计、SPI外设初始化配置以及数据交互协议实现。通过实战案例和代码示例,帮助开发者快速掌握PT32F030与MT6826S的SPI通讯技术,实现精准的角度和速度数据采集。

weixin_29189373的博客 420

浏览器显示Failed to decode downloaded font问题解决方案

最近做一个spring boot项目时,网站有的图标显示的是小方格的形式 例如这样: 然后百度了半天,以下有四种解决方法: 第一:如果是在谷歌或者火狐浏览器出现的话,换成ie浏览器就可以显示了。(我的就是这种!!!) 如果你是那种刨根问底的性格,非要使用谷歌或者火狐,可以在服务器设置一下自己定义MIME类型。(具体自行百度)。 第二:检查是否使用maven,如果是,由于maven的filter(拦截),会破坏font文件的二进制文件格式,导致前台解析出错, 所以可以添加以下代码,到pom文件的标签下的标签

weixin_44173639的博客 1万+

Xiaojie雷达之路---毫米波雷达基础知识---角度估计

本篇文章主要介绍毫米波雷达的基础知识中的角度估计,对于本篇文章主要回答5个问题 1.在雷达的前方,如何估计前方一个物体的角度 2.角度测量的准确性 3.如何测量多个物体的角度 4.雷达可测的角度的视场最大值为多少 5.角度分辨率取决于什么因素 文章目录估计雷达前面一个物体的角度角度测量的准确性雷达的最大角视场测量雷达前方多个距离和速度相同的物体角度分辨率角度估计的流程 估计雷达前面一个物体的角度 估计一个物体的角度,最少需要两根接收天线 发射天线发送一个chirp,经过物体发射后信号,信号分别被第一根天

XiaoJie的博客 1万+

亲身踩坑 多种方法帮你解决 Failed to decode downloaded font VUE 引入字体没有效果

亲自踩坑,搜索无数博客,帮你罗列VUE不能显示自定义字体的BUG解决方案。

Youweretrouble的博客 1万+

AI提示词实战:用EARS语法5步搞定产品需求拆解(附完整案例)

本文详细介绍了如何运用EARS语法将模糊的产品需求进行原子化拆解,转化为清晰、可执行的结构化指令。通过一个完整的自由职业者项目管理工具案例,演示了从原始需求分析到构建增强AI提示词的五步实战流程,帮助产品经理和技术人员实现高效、精准的需求传达与协作。

nokia的博客 1033

c++2048小游戏编写

最近编写了一个小游戏,叫作2048,用到了面向对象的知识。

一个学生的博客 2371

【HTML5】浏览器不能显示字体报错Failed to decode downloaded font问题解决

把网上的项目中字体通过链接保存下来在本地上使用,在本地服务器上运行站点发现,用Chrome浏览器访问的时候,出现错误提示不能正常显示字体,怎么解决呢,看看怎么搞。

4010

超强干货之---Python-数据爬取(爬虫)

定义: 深度优先搜索是一种遍历或搜索树或图的算法,从起始节点开始,一直沿着一个分支走到底,再回溯到上一个节点继续搜索下一个分支,直到遍历完所有节点。特点递归:通常用递归实现,或者使用栈来模拟递归过程。内存占用低:在有大量分支的情况下,内存占用比广度优先搜索低。适合目标较深的情况:如果目标节点距离起始节点较深,DFS能更快找到目标。适用场景需要遍历所有节点的情况,如生成树、迷宫搜索。目标节点较深,且分支较多时。在大规模数据爬取时,选择合适的存储方式取决于数据的规模、结构和访问需求。

房东的猫的博客 5万+

Failed to decode downloaded font 浏览器异常警告解决

问题:在将之前写好的静态 HTML 页面引入到 SpringBoot 中,静态资源中带有 font 字体图标, 引入后图标不能正常显示,且浏览器出现Failed to decode downloaded font警告; 原因:触发这种情景的原因是因为项目使用了Maven管理,想要修复它只需在pom文件中添加 <filtering>false</filtering> 完整配置: <resources> <resource> ..

往南的博客 3127

基于STM32L4XX、HAL库的 TMC2660C-PA 驱动程序设计

/ 默认灵敏度和电流。// 20/31最大电流。

zhusl6688的博客 384

9篇2章2节:GBD 数据库的数据申请详解

无论您是初入公共卫生领域的学生、资深的科研工作者,还是政策决策者,GBD数据库都将成为您数据分析与决策支持中不可或缺的重要工具。

MD Code 2599

【解决思路】Failed to decode downloaded font

前端浏览器页面报错 Failed to decode downloaded font:…ttf Failed to decode downloaded font: …woff 两个思路: 1.maven创建的项目,maven的filter会拦截font文件的二进制形式,因此需要放开对font等文件的拦截 //在pow.xml文件配置插件 <plugin> <artifactId>maven-resources-plugin</

PocketKnife 1869

图解电动汽车:电动汽车主要参数

动力性指标 汽车的动力性指标主要有最高车速、加速时间、最大爬坡等,体现了汽车在行驶过程中能达到的极限运动水平。对于电动汽车,其动力性由搭载的驱动电动机决定,主要的参数包括最大扭矩、额定功率、最大功率、最大转速等。 功率是指物体在单位时间内所做的功的多少,是描述做功快慢的物理量,单位是 kW。 扭矩是指机械元件转动的力矩,也称转矩,表示转动力量的大小,单位是 N·m。 转速是指发动机/电动机的转速,的单位是 rpm,即转每分钟。额定转速是指在额定功率下电动机的转速,最大转速则是在最大功率下电动机的转速。

程序员「阿基米东」的编程之旅 2万+

浏览器警告Failed to decode downloaded font 系统页面字体图标加载不出来(线上环境字体图标不显示)

#Failed to decode downloaded font 当我们发现页面有些字体图标不显示,或者显示错误时,浏览器就会报上述错误。 这时候解决方法有三点(三步): 第一:检查是否使用maven,如果是,由于maven的filter(拦截),会破坏font文件的二进制文件格式,导致前台解析出错, 所以可以添加以下代码,到pom文件的<project>标签下的<b...

uiguion的博客 2万+

LinePhone3.2.7(android端最新版本) sip客户端

SIP客户端For android:LinePhone3.2.7(最新版本),官网地址:http://www.linphone.org/

计算机控制技术及应用

《计算机控制技术及应用》通过总结作者的科研成果和吸收国内外的先进理论、方法和技术,以计算机控制系统的网络化、开放化、智能化和集成化发展趋势为主线索,主要介绍计算机控制系统的基本概念和计算机控制系统的典型形式,计算机控制系统的数学描述与基本分析方法,以及数字PID控制器、最少拍控制系统、达林算法、状态变量设计法等设计方法及其各种改进算法。重点突出计算机控制系统输入输出通道接口的设计方法和典型控制系统的设计案例与实现方法等。

Failed to decode downloaded font(线上环境字体图标不显示)

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文件的二进制文件格式,到时前台解析出错。3.解决方案...

xinqilela的博客 1万+

jre9下载 jdk9

(Java SE Runtime Environment 9.0) 9.0u175 官方最新版 【x86|x64】

Springboot项目引入Bootstrap后,图标不能正常显示,报:Failed to decode downloaded font

springboot项目引入bootstrap后,报:Failed to decode downloaded font,图标不能正常显示 在pom文件中,添加如下配置 <plugin> <groupId>org.apache.maven.plugins</groupId> <artifactId>maven-resources-plugin</artifactId> <configuration>

xcc_2269861428的博客 925

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

Failed to decode downloaded font: <URL> 问题的两种可能性

问题:18Failed to decode downloaded font: <URL> 1、先找了百度,都是这样的 比如这个:https://blog.youkuaiyun.com/wochunyang/article/details/80583121 都是说springboot项目对字体文件过滤了导致字体破坏 在xml添加这些东西: 2、换思路 搞了浪费好多时间,不了了之...

jaymou 1万+

Failed to decode downloaded font 问题解决

描述:打开页面之后发现有的图标展示不出来 正常图标: 异常图标:                                               F12之后看到控制台打印了这些信息 Failed to decode downloaded font: http://localhost:8080/scheduler/assets/global/plugins/simple-li

键圣的博客 4万+

项目部署后字体图标等font文件无法正常加载 Failed to decode downloaded font: <URL>

浏览器报错信息如下: Failed to decode downloaded font: <URL> OTS parsing error: incorrect file size in WOFF header OTS parsing error: incorrect entrySelector for table directory 展示界面如下: 原因是maven的filt...

白鸿源的博客 6796

Glyphicon图标无法显示问题?Failed to decode downloaded font

浏览器中一直报不能下载的URL错误Failed to decode downloaded font 搞来搞去,最后是因为吧fonts下面的各种字体直接复制到IDEA中,是不算的。所以要被IDEA承认你的文件,查看是否文件已经被添加的:project structure -- modules -- sources folder没有的话添加:File -&gt; Project Structure -...

我的博客 1998

解决 Failed to decode downloaded font

使用Springboot+ bootstrap 开发做项目,在写页面时候出现按钮不展示,查看页面出现下面的我问题:因为经过maven的filter,会破坏font文件的二进制文件格式,到时前台解析出错。解决方案: &lt;resources&gt; &lt;resource&gt; &lt;directory&gt;src/main/reso...

一个写了10年bug的程序员日常笔记。 4万+

springboot : Failed to decode downloaded font 和 OTS parsing error

大家好,我是烤鸭: 采坑实录,看了很多人跟我有类似问题,但是都没解决我的问题: Failed to decode downloaded font 和 OTS parsing error: 尝试了把woff文件移动到其他可以加载的静态资源文件夹下,还是无法加载。 浏览器打开访问直接跳转到登录页。猜测是字体的静态资源被拦截。   解答参考这个: https://stackoverfl...

烤鸭的世界我们不懂。 3252

解决 前端Failed to decode downloaded font

前台使用字体时,经过 Maven 的 filter,会破坏 font 文件的二进制文件格式,到时前台解析出错。 解决方案: <plugin> <artifactId>maven-resources-plugin</artifactId> <configuration> <resources> ...

悠闲咖啡007的博客 2671

SpringBoot项目引入字体库Font报错,不能显示。Failed to decode downloaded font,OTS parsing error

错误描述 SpringBoot项目的maven项目引用字体库font报错,字体font图标不能显示 Failed to decode downloaded font,OTS parsing error错误问题 页面显示: 错误原因 经过maven的filter,会破坏font文件的二进制文件格式,到时前台解析出错。 SpringBoot项目,通常会使用properties文件或yml文件保存配置信息,项目启动时,需要maven开启filtering用properties(或yml)中的属性值替换掉配置文

Java小皮孩 6168

Failed to decode downloaded font前端图标展示不出来

前端项目放在java的resources下面然后打包到测试发现图标展示不出来: 然后控制台报错: 网上说是使用maven打包的时候将fonts下文件损坏了 解决:在主pom里面编辑打包项,并将font分出来false进行打包,解决 <build> <plugins> <plugin> ...

你就像甜甜的益达 1683

Failed to decode downloaded font 解决

现象 后端 访问页面,浏览器控制台有下面的提示信息:Failed to decode downloaded font: http://localhost:8072/上下文/assets/fonts/f900b.ttf 至于为什么字体加载不过来,很多帖子都说了,就是在mavn这里加个过滤器 解决 网上查到的很多都类似下面的代码,同时缺少了个很关键的信息,、节点里写XX.ttf 的实际路径,像我做的项目里字体文件的路径是这样的,static/newPage/assets/fonts/路径下,所以、节点下就按照实

saKaBuQiNuo的博客 4021
上一篇: SpringBoot中static文件下的js访问不到--HTML页面
下一篇: SpringBoot+mybatis查询灵异事件!
Hello Bug
博客等级 码龄8年 87粉丝 124原创
评论 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、付费专栏及课程。

余额充值