Question

中使用了一些图标字体

当我使用生成的CSS时，它可以在实际HTML页面上的样式标记中正常工作：

<style>
@font-face {
    font-family: 'icomoon';
    src:    url('fonts/icomoon.eot?hsw0h3');
    src:    url('fonts/icomoon.eot?hsw0h3#iefix') format('embedded-opentype'),
        url('fonts/icomoon.ttf?hsw0h3') format('truetype'),
        url('fonts/icomoon.woff?hsw0h3') format('woff'),
        url('fonts/icomoon.svg?hsw0h3#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}
</style>

当我将CSS放入CSS文件并调整路径时：

@font-face {
    font-family: 'icomoon';
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/icomoon.eot?hsw0h3#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?hsw0h3') format('truetype'), url('../fonts/icomoon.woff?hsw0h3') format('woff'), url('../fonts/icomoon.svg?hsw0h3#icomoon') format('svg');
    src: url('../fonts/icomoon.eot?hsw0h3');
}

我在开发者控制台中收到此错误：

Failed to decode downloaded font: file:///C:/Users/Daisy/Desktop/softstack%20consulting/fonts/icomoon.eot?hsw0h3
OTS parsing error: invalid version tag

我不明白为什么它只是通过移动CSS并改变它的路径来解码字体。我做错了什么，如何解决？

Answer 1

您已使用此行覆盖src： src: url('../fonts/icomoon.eot?hsw0h3');

仔细查看原始CSS。用逗号分隔的那些不同格式应该是第二个src值的一部分，而不是第一个。

Icomoon字体生成器：无法解码下载的字体

1 个答案: