導入CSS壞圖標

Question

我決定通過包含其他CSS文件來合併我的CSS。

mystyles.css

@charset "utf-8"; 
@import url("font-awesome.min.css"); 
@import url("bootstrap.css"); 
@import url("bootstrap-theme.css"); 


html { 
    position: relative; 
    min-height: 100%; 
    overflow-y: scroll 
} 

看來它包括CSS，但字體真棒停止顯示圖標，因爲它還引用的字體中：

@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.7.0'); 

我的文件結構

/incl/css/mystyles.css 
/incl/fonts/font files 

如何修復圖標？

Answer 1

考慮使用FontAwesome的CDN，它可以防止這種問題。

此外，這種方式可以快速更新。

註冊並獲得http://fontawesome.io/get-started/

，或直接嵌入代碼（檢查版本）：https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css