解决Spring Boot OTS parsing error: Failed to convert WOFF 2.0

最新推荐文章于 2024-06-01 19:34:11 发布
最新推荐文章于 2024-06-01 19:34:11 发布
阅读量1.9w 收藏 8
点赞数 1
分类专栏： spring 文章标签： Spring Boot maven OTS parsing error
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/u013737646/article/details/50959625
版权
在Spring Boot项目中，由于使用maven filtering替换properties文件中的配置，导致启动后font-awesome图标显示失败，出现OTS parsing error。解决方案是修改maven资源过滤配置，避免对静态资源进行过滤处理。

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

在项目中为了方便配置，通常会使用properties文件保存配置信息，项目启动时，需要maven开启filtering用properties中的属性值替换掉配置文件中的占位符，比如我的项目中使用c3p0.properties文件保存数据库的连接信息，这样我每次需要修改数据库的连接信息时，只需要修改c3p0.properties中的文件即可，在mybatis-config.xml中使用${}读取值（见下图），使用maven的resource插件开启filtering，在编译时就会将XML文件中的${}替换为properties的内容。



最低0.47元/天 解锁文章
Spring Boot项目页面报错 OTS parsing error: Failed to convert WOFF 2.0
诺浅的专栏
04-23 1260
缘起 项目中编辑器的图标出现问题，显示不出来了。究其原因是因为：这些图标其实是字体图标，在springboot项目中，静态文件是存在于resources文件夹中的，使用分环境打包，开启filtering功能后，会破坏有二进制内容的文件。 解决方案 将静态文件排除在过滤之外 <resources> <resource> <directory&gt...
Java maven 过滤 font-awesome字体图标
null
12-09 755
方法一 pom.xml文件增加如下代码 <build> <resources> <resource> <directory>src/main/resources</directory> <filtering>true...
OTS parsing error: Failed to convert WOFF 2.0 font to SFNT
123
04-13 3536
SpringBoot项目启动后，访问页面发现字体图标不显示，打开控制台看到如下报错 Failed to decode downloaded font: URL OTS parsing error: incorrect file size in WOFF header Failed to decode downloaded font: URL OTS parsing error: incorrect entrySelector for table directory OTS parsing erro
解决OTS parsing error: Failed to convert WOFF 2.0
u012888979的博客
07-05 3522
背景： jar包项目，字体图标使用异常 问题描述： 如下图 chrome浏览器显示警告（edge干脆小方框也不显示）如下： 问题产生原因： 问题1： maven filter功能，导致拷贝资源损坏 问题2：页面加载字体文件时，后台以文本的形式响应 解决办法： 问题1：针对maven, filter 功能导致资源拷贝过程损坏问题，采取如下方式解决： ①拷贝静态资源时，使用filter先排除...
Spring Boot 项目页面报错 OTS parsing error: Failed to convert WOFF 2.0
Warren Blog
07-22 439
浏览器显示错误 OTS parsing error: Failed to convert WOFF 2.0 resources Maven中resource标签主要是作用是将配置文件和静态文件打包到class中 出现错误的原因 配置Spring多环境，在yml、properties Spring配置文件中使用pom.xml中的properties的变量需要将设置 <filtering...
浏览器报警告，Failed to decode downloaded font和OTS parsing error: Failed to convert WOFF 2.0 font to SFNT
习惯了想你的博客
05-17 7340
文章目录静态资源文件拦截字体报错 Failed to decode downloaded font 静态资源文件拦截 在整合一个前端框架到我的项目中的时候，浏览器报404，这个很容易解决，Spring拦截器给拦截了，在Spirng中配置一下不拦截规则即可。 配置Spring拦截规则 @Configuration public class WebMvcConfig implements WebMv...
CSS Failed to decode downloaded font, OTS parsing error: Failed to convert WOFF 2.0 font to SFNT
scribbler的专栏
04-07 1万+
最近在看一些关于Web前端的资料，在处理一个CSS中出现以下错误，以此记录。 我在WebStorm下编译一个工程，并在上加载索引页，我得到以下警告在在Chrome控制台： Failed to decode downloaded font: http://localhost:4200/assets/fonts/Simple-Line-Icons.woff2?v=2.4.0 OTS parsi
OTS parsing error: invalid version tag
nobody
08-04 1360
浏览器打开网址报错OTS parsing error: invalid version tag，这种原因分多种情况。 Nginx部署时也会导致该错误。Nginx配置文件（nginx.conf）添加 location ~ \.(eot|otf|ttf|woff|svg)$ { add_header Access-Control-Allow-Origin *; } 如果不行，试试在nginx.conf中对应的mime.types中添加 application/font-sfnt
FontVerter:Java字体转换器库
05-13
FontVerter Java库，用于转换和处理各种字体格式，规范无效字体并从PDF中提取字体。 目前支持 裸CFF-> OpenType / OTF和WOFF 1.0和2.0 OpenType / OTF / TTF-> WOFF 1.0和2.0 WOFF 1.0-> OpenType和WOFF 2.0 EOT（仅未压缩的v2）-> OpenType 使用PdfFontExctractor实用程序 支持提取PostScript Type0 / Compsoite，裸CFF和TTF字体。 PdfFontExtractor将标准化TTF字体，以确保它们在所有主要的Web浏览器中均有效。 只能使用PdfFontExtractor实用程序转换这些类型 PostScript Type0 /复合-> OpenType / TTF和WOFF 1和2 Maven（在Maven中心） <dep
Failed to convert WOFF 2.0 font to SFNT
欢迎所有人，批评指正！
07-20 793
我引入了 layui （layui目录结构没变）发现字体文件显示不出来。 layui 的目录 resources/static/layui 原因： 在maven的 filter 解析 font 文件时，它破坏了 font 文件的二进制文件格式，导致浏览器解析出错。 解决 在 filtering 为 true 的 resource中排除 在 filtering 为 false 的 resource中引入 这样maven就不会过滤字体文件了 <build> <resourc
Chrome谷歌浏览器OTS parsing error: invalid version tag
热门推荐
aflyeaglenku的博客(QQ1010316426）
03-11 1万+
笔者今日在给后台管理UI寻找新的库和框架，看到了AceAdmin，既美观又还能全面满足自己的需求。于是下载下来部署看看效果。笔者的web服务器是自己开发的，使用C++，基于libevent-http。浏览器支持Chrome（65.0.3325.146）和QQBrowser（9.7）两款。以上是开发运行环境介绍。在AceAdmin网站http://ace.jeka.by/上看到的图标啥的都显示正常，...
解决访问 jar 包里面的字体报错：OTS parsing error: incorrect file size in WOFF header
喜爱设计架构，追求项目可控。
06-01 376
网上说是由于使用 maven 的 resource 插件开启 filtering 功能后，会破坏有二进制内容的文件。
Maven — maven filtering OTS parsing error incorrect file size in WOFF head 产生原因及两种解决方案
简简单单记录
09-09 3399
背景说明 前端静态资源文件放在后端SpringBoot项目resources文件夹下，多环境打包后前端页面出现了图标及文字未按预期样式显示的情况，查看浏览器控制台发现出现如下错误。 　OTS parsing error: incorrect file size in WOFF header 原因定位 先来看看配置的Maven pom内容。 <build> <finalName>project-name</finalName> <pl
OTS parsing error: invalid version tag解决方法
qq_64353584的博客
04-21 4223
使用webpack打包css/less/scss/ttf等字体文件，总是会遇到出现很多的问题，程序语音语法每月都在变化，比如去年的语法结构可能在今天使用就会出现各种问题，毕竟语法是不断完善的，遇到纠结时。过多纠缠真的没必要，直到有一天做的多了，然后把前边的稍微变通一下，竟然达到想要的结果。多看多练，多思考，多做笔记自然是好。你得到的东西自然不是别人的。 目标：打包字体文件 png|woff|woff2|svg|ttf|eot 工具： 就是使用webpack工具 基础：适合具有node基础的开发人员.
springboot+bootstrap在显示页面时图标失效（已解决）
Andanc的博客
07-11 973
在写项目的时候运用了bootstrap技术，但是在浏览器上访问的时候发现图标失效了？ 最终解决方案在pom文件里加入 <build> <resources> <resource> <directory>${project.basedir}/src/main/resources</directory> <filtering>true<
OTS parsing error: cmap: Failed to serialize table
最新发布
03-22
<think>嗯，用户遇到了OTS解析错误，具体是cmap表序列化失败的问题。这个问题通常出现在Web字体加载时，尤其是在Chrome浏览器中。首先，我得回想一下可能的原因和解决方法。根据引用[1]，这可能与字体文件的编码格式或浏览器支持有关。 首先，用户可能使用了不被Chrome支持的字体格式。常见的Web字体格式有WOFF、WOFF2、TTF等。需要确认用户是否使用了正确的格式，比如WOFF2通常是最佳选择，因为它压缩率高且被现代浏览器广泛支持。 接下来，字体文件可能损坏或不完整。用户需要检查字体文件是否完整下载，或者是否在转换过程中出现问题。使用在线工具如Font Squirrel的Webfont Generator重新转换字体可能会有帮助，同时确保转换时包含所有必要的子集和元数据。 另一个可能性是字体文件的cmap表存在问题。cmap表负责字符到字形映射，如果损坏或格式不正确，会导致序列化失败。使用工具如TTX可以检查cmap表的结构，或者尝试用字体编辑工具导出并重新生成cmap表。 此外，服务器配置也需要检查，确保字体文件的MIME类型正确，比如TTF对应application/octet-stream，WOFF对应application/font-woff。正确的MIME类型能避免浏览器拒绝加载字体。 用户可能还需要注意字体的跨域问题，如果字体托管在外部域，需要设置CORS头。同时，使用浏览器的开发者工具检查网络请求和错误日志，确认字体是否正确加载，是否有404或其他错误。 最后，测试其他浏览器是否出现同样问题，可以帮助确定是否是Chrome特有的问题。如果其他浏览器正常，可能需进一步排查Chrome的兼容性或更新浏览器版本。 总结下来，解决方法包括转换字体格式、检查文件完整性、修复cmap表、配置服务器和测试跨浏览器兼容性。这些步骤应该能帮助用户解决OTS错误。</think>### OTS解析错误cmap表序列化失败的解决方案 **问题原因分析** 该错误通常由以下原因引起： 1. 字体文件格式不符合Web标准（如未使用WOFF/WOFF2格式） 2. 字体文件字符映射表(cmap)存在编码错误或数据损坏 3. 浏览器不支持特定字体格式的子集[^1] 4. 字体文件元数据缺失或版本过旧 **逐步解决方案** 1. **转换字体格式** 使用专业转换工具将字体转为WOFF2格式： ```bash # 使用fonttools进行转换（需Python环境） pyftsubset yourfont.ttf --output-file=yourfont.woff2 --flavor=woff2 ``` 转换后检查文件是否包含以下元数据： - 版权信息 - 字体家族名称 - Unicode字符映射表 2. **验证cmap表完整性** 使用在线检测工具验证字体结构： ``` https://fontdrop.info/ ``` 在检测报告中重点检查： - cmap表的编码格式（推荐使用Unicode BMP格式） - 是否存在重复字符映射 - 表结构是否符合OpenType规范 3. **服务器配置优化** 在Nginx/Apache中添加MIME类型支持： ```nginx # Nginx配置示例 types { font/woff2 woff2; font/woff woff; application/vnd.ms-fontobject eot; } ``` 4. **CSS声明规范** 使用标准@font-face语法： ```css @font-face { font-family: 'CustomFont'; src: url('font.woff2') format('woff2'), url('font.woff') format('woff'); font-weight: normal; font-style: normal; font-display: swap; /* 控制字体加载行为 */ } ``` **验证方法** 使用Chrome开发者工具检查： 1. 打开`chrome://flags/#disable-accelerated-2d-canvas` 2. 禁用硬件加速渲染 3. 在Network面板检查字体加载状态 4. 在Console查看详细错误信息 **扩展建议** 对于中文网页，建议使用： $$ \text{字体子集化率} = \frac{\text{实际使用字符数}}{\text{字体文件总字符数}} \times 100\% $$ 保持子集化率>85%可显著降低解析错误概率[^1]
评论 7
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值