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/
修改之后：
效果图：
搞定啦！！！