我的字体错误 - 给我 404 到一边

Question

这就是我尝试在网站中制作令人敬畏的字体和简单的线条图标的方式，但它们继续给我的页面提供 404 错误。

我已经检查了 CSS 是否完全适合。并在页面上拉出来。

如果我把文件拿走所以没有错误但我再次添加它们，那么它们就会出现。

我已经尝试过它的Why is @font-face throwing a 404 error on woff files?

我查看了他们的 CSS，它们看起来像这样：

simple-line-icons.css

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

font-awesome.css

@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.4.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), 
        url('../fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), 
        url('../fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), 
        url('../fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), 
        url('../fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

在这里我表明我只有正确放置的文件可能与我有 https 有关吗？？

我已经买了它的design (Porto)

Answer 1

我也遇到过类似的问题，只是玩弄 URL 的顺序似乎可以解决问题。尝试一下你的第一个字体，如果可行，那么你就有了 Font Awesome 的基础。虽然我通常更喜欢在可能的情况下使用 CDN：

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