2015-10-15 18 views
1

這是我如何嘗試使字體真棒和簡單的線條圖標進入網站,但他們繼續給我404錯誤的網頁。我的字體的臉上的錯誤 - 給我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; 
    } 

字體真棒。 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的一面?

enter image description here

我已經買了design (Porto)

+0

「我已經和CSS檢查它是否適合所有的方式,將其拉出頁面上 如果我把文件走那麼有沒有搞錯但我再加上他們,然後他們挺身而出。「你能解釋一下這些句子的意思嗎? –

+0

@TomGroot如果我從該區域獲取css文件,那麼它看起來不是,但我刪除了CSS文件。所以頁面上不會出現錯誤。如果你不瞭解我這麼遠的背後。 –

回答

3

我有類似的問題,而只是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; 
} 
+1

我選擇在cdn上運行它們。並且感謝你告訴cdn,我沒有想到的那個。 –

相關問題