字体加载错误，我的代码有问题？？？

作者:: 淡白
创建时间：: 2021-09-03 12:16:33
: css html

摘要：文章提到了作者在使用Apache时遇到了一个字体文件加载错误的问题。作者起初在自己的电脑上没有遇到问题，但在其他主机上却出现了字体显示不正常的情况。作者后来发现原因是他自己的电脑安装了这个字体文件，导致其他主机无法正确加载字体。作者尝试将字体文件转换成其他格式，但仍然出现错误。最后，作者从一个仓库下载了使用示例的字体文件，发现使用这个字体文件时一切正常。作者最后得出结论是字体的版本造成了这个问题。另外，作者还提到了关于字体格式兼容性的一些内容，总结出了一个完美兼容所有浏览器的字体格式组合。

apache在使用一个字体文件时，浏览器加载出错。起初在我本机浏览器没问题，就没在意。但在其他主机上出现了字体现在不正常的问题，查明后发现原来是我本机安装了这个字体。:joy:

Failed to decode downloaded font: file:///Users/danbai/Downloads/website/zpixnew.ttf
index.html:1 OTS parsing error: OS/2: Failed to parse table

后尝试把字体转成其他格式。在线字体文件转换器

index.html:1 Failed to decode downloaded font: file:///Users/danbai/Downloads/website/zpixb.woff2
index.html:1 OTS parsing error: OS/2: Failed to parse table

然而报错还是这样，最后下载了仓库的使用 demo 发现用里面的字体文件是显示正常的后我下载了以前tag里的字体文件也没有问题。搞了半天原来是版本造成的，搞了半天。:tada:

另外顺便了解了一下字体格式兼容性的问题 https://segmentfault.com/a/1190000018215174

@Font-face目前浏览器的兼容性：

•Webkit/Safari(3.2+)：TrueType/OpenType TT (.ttf) 、OpenType PS (.otf)； •Opera (10+)： TrueType/OpenType TT (.ttf) 、 OpenType PS (.otf) 、 SVG (.svg)； •Internet Explorer：自ie4开始，支持EOT格式的字体文件；ie9支持WOFF； •Firefox(3.5+)： TrueType/OpenType TT (.ttf)、 OpenType PS (.otf)、 WOFF (since Firefox 3.6) •Google Chrome：TrueType/OpenType TT (.ttf)、OpenType PS (.otf)、WOFF since version 6

由上面可以得出：.eot + .ttf /.otf + svg + woff = 所有浏览器的完美支持。