2016-10-26 108 views
0

我有一個項目與引導en字體真棒安裝如果我查看我的main.css我看到的第一件事是,字體真棒導入。和它的所有圖標,我不明白爲什麼HTML沒有拿起字體真棒類。字體真棒圖標不顯示,但main.css顯示

/*! 
* Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome 
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) 
*/ 
/* FONT PATH 
* -------------------------- */ 
@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; 
} 
.fa { 
    display: inline-block; 
    font: normal normal normal 14px/1 FontAwesome; 
    font-size: inherit; 
    text-rendering: auto; 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
} 

我希望有人能幫助我在這

+0

如果沒有顯示cont。你在找正確的文件夾嗎?在你的'@ font-face' – Andrew

+0

嘗試檢查開發者工具的網絡選項卡是否可以加載所有字體超棒的文件'(eot,woff2,woff,ttf和svg)',或者一個或多個文件無法從瀏覽器加載。 – Marcel

+0

你總是可以使用字體真棒CDN - https://cdn.fontawesome.com/ – Andrew

回答

1

這是你的項目文件夾的樣子嗎? folder structure image

如果是這樣,請在您的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; 
} 
0

你需要檢查字體路徑,請檢查您的瀏覽器的控制檯(按Ctrl + Shift + J在Chrome),如果你不」噸得到一個警告像

無法加載資源:[...]

這種警告指的ressource的路徑是錯誤的。

相關問題