Use the @font-face
imported font file browser to parse abnormalities
fire-fox
Download error: downloadable font: overlapping tables
+downloadable font: rejected by sanitizer
chrome
Analysis report warning: Failed to decode downloaded font
+OTS parsing error: overlaping tables
Edge
Parse and display normally
A lot of what is said on the Internet is to follow the trend, or the scene is different. I tried many solutions and none of them is correct. After many attempts, I finally found the reason and solved it.
The root cause is that the file is damaged
windows
and opened edge
normally and displayed normally. It seems that the file has no problem. I downloaded files with the same font through multiple channels, and finally found a lossless file replacement and solved the problem.