如何在字体目录中加载字体真棒？

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"; 
}