如何在字體目錄中加載字體真棒？

Question

我無法加載字體真棒的fonts目錄中的字體真棒有喜歡的圖標樣式：

.fa-star:before { 
    content: "\f005"; 
} 

我想要得到的內容：「\ F005」;並把我自己的風格，但我認爲目錄字體不加載，如何加載字體真棒文件目錄字體？

我嘗試將此代碼添加到我的風格：

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

和複製字體文件夾。

這裏我的風格代碼：

.example li a:before { 
    float: left; 
    font-size: 10px; 
    content: "\f005"; 
} 

這裏我的目錄結構

- assets 
-- css 
    mystyle.css 
-- fonts 
    FontAwesome.otf 
    fontawesome-webfont.eot 
    fontawesome-webfont.eot 
    fontawesome-webfont.svg 
    fontawesome-webfont.ttf 
    fontawesome-webfont.woff 
    fontawesome-webfont.woff2 

Answer 1

只需添加font-family爲您的自定義類

.fa-star{ 
    font-family: 'FontAwesome'; 
} 

.fa-star:before { 
    content: "\f005"; 
}