Question

Site derekw.co

嗨！因为我对父母主题的CSS进行了很长的修改，所以我将其列出来并排队了一个新文件。

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

当我加载父主题的样式表时，字体有效;虽然字体已正确加载（并显示在Google Inspect源代码中），但只有在我将父表单出列并且仅使用子主题表单时它才起作用

字体在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似乎正在正确加载字体，如图片 here：

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

0 个答案: