解决@font-face引入字体文件异常

在css中使用@font-face引入字体文件浏览器解析异常:Failed to decode downloaded font问题

  • fire-fox下载报错:downloadable font: overlapping tables + downloadable font: rejected by sanitizer

  • chrome解析报警告:Failed to decode downloaded font + OTS parsing error: overlaping tables

  • Edge正常解析并显示。

网上说的好多都是跟风,又或者场景不一样,试了许多方案没有一个是正确的,经过多方尝试最终找到原因并解决。

根因是文件有损:
windows上正常打开,edge正常显示,看起来文件是没有问题。本人通过多方途径下载相同字体的文件,最终找到无损文件替换之后解决问题。
下载途径的话,要么去找正版官网下载,要么就是碰运气了……

原文地址:https://www.cnblogs.com/ZerlinM/p/14071843.html