Css 无法解码下载的字体-部署的应用程序

Css 无法解码下载的字体-部署的应用程序,css,amazon-web-services,deployment,fonts,font-face,Css,Amazon Web Services,Deployment,Fonts,Font Face,目前,我正在将自定义字体导入css文件中,如下所示: @font-face { font-family: 'Dinbek Light'; src: url('./fonts/DINbek-Light.ttf') format('truetype'); } 当地一切都很好。在我将应用程序部署到AWS上之后,我在控制台中看到以下错误: Failed to decode downloaded font: http://my-domain.elasticbeanstalk.com/fo

目前,我正在将自定义字体导入css文件中,如下所示:

@font-face {
    font-family: 'Dinbek Light';
    src: url('./fonts/DINbek-Light.ttf') format('truetype');
}
当地一切都很好。在我将应用程序部署到AWS上之后,我在控制台中看到以下错误:

Failed to decode downloaded font: http://my-domain.elasticbeanstalk.com/fonts/DINbek-Light.ttf
OTS parsing error: invalid version tag
我已经搜索了其他资源,但无法找到解决方案。请注意,我正在使用Grunt构建应用程序,字体文件路径可以识别,如参考资料选项卡所示:


只是字体样式默认为Times New Roman。如有任何建议,将不胜感激

您正在使用什么构建工具?过程是什么?