Javascript 无法解码下载的字体OTS解析错误：无效的版本标记（fontawesome）

德雷克公司

嗨！因为我对父主题的CSS有一个很长的修改列表，所以我将其退出队列，并将一个新文件排入队列

我还改变了文件的路径，让Chrome加载它，但我看到的是方形框，而不是我的社交媒体图标。在控制台中，它说Chrome无法解码字体，即使点击文件可以正确下载，预览显示字体被正确呈现

当我加载父主题的样式表时，字体会起作用；只有当我将父表出列并且只使用子主题的表时，它才起作用，尽管字体加载正确（并显示在Google Inspect sources中）

该字体在IE9上运行良好，但在Edge或Chrome上不起作用

你知道怎么解决这个问题吗

编辑：

下面是我在CSS中下载字体的代码

    @font-face {
    font-family: FontAwesome;
    src: url(../theparagraph/fonts/fontawesome-webfont.eot?v=4.6.3);
    src: url(../theparagraph/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'), url

(../theparagraph/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'), url(../theparagraph/fonts/fontawesome-webfont.woff?

v=4.6.3) format('woff'), url(../theparagraph/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'), url

(../theparagraph/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');
    font-weight: 400;
    font-style: normal
}
.fa {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

Chrome似乎正在正确加载字体，如图片

---

：

尝试提供一个小示例代码，以便人们更准确地帮助您。@JoshKopen谢谢，我刚刚上传了代码和加载的资源的屏幕截图。尝试提供一个小示例代码，以便人们更准确地帮助您。@JoshKopen谢谢，我刚刚上传了代码和加载的资源的屏幕截图