引入自定义字体,chrome警告Failed to decode downloaded font,Edge可以显示
demo:
警告:
原因:
ttf字体文件chrome不识别,需进行格式转换
工具:
在线字体转换工具
这些站点能把你上传的字体转换成任意格式,包括 WOFF。
Online Font Converter
https://onlinefontconverter.com/
Transfonter
https://transfonter.org/
Simple Online Font Converter
https://font-converter.net/en
Font Converter Tools
https://www.onlinewebfonts.com/tools
Webfont Generator
https://www.fontsquirrel.com/tools/webfont-generator
Everything Fonts
https://everythingfonts.com/tags/conversion/tools#
Online font converter
https://www.fontconverter.org/
在线字体文件转换器(我用的这个,转为woff格式就可以)
https://convertio.co/zh/font-converter/
Online Font Converter
https://onlinefontconverter.com/
Transfonter
https://transfonter.org/
Simple Online Font Converter
https://font-converter.net/en
Font Converter Tools
https://www.onlinewebfonts.com/tools
Webfont Generator
https://www.fontsquirrel.com/tools/webfont-generator
Everything Fonts
https://everythingfonts.com/tags/conversion/tools#
Online font converter
https://www.fontconverter.org/
在线字体文件转换器(我用的这个,转为woff格式就可以)
https://convertio.co/zh/font-converter/
修改之后:
![](https://img2020.cnblogs.com/blog/1363211/202009/1363211-20200911175324578-1343418040.png)
效果图:
搞定啦!!!