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

Question

这就是我尝试在网站上制作字体真棒和简单的线条图标的方法，但它们仍然给我带来404错误。

我已经用CSS检查过它是否适合所有方式。并将其拉出页面。

如果我把文件带走，所以没有错，但我再次添加它们，然后他们挺身而出。

我试过Why is @font-face throwing a 404 error on woff files?

我看过他们的CSS，他们看起来像这样：

简单行-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;
    }

字体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

我遇到了类似的问题，只是在玩网址的顺序似乎很难解决问题。试试你的第一个字体，如果有效，你就有了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;
}