解决@font-face引入字体文件异常
在css中使用@font-face引入字体文件浏览器解析异常:
-
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正常显示,看起来文件是没有问题。本人通过多方途径下载相同字体的文件,最终找到无损文件替换之后解决问题。
下载途径的话,要么去找正版官网下载,要么就是碰运气了……