Gewusst wie: Schriftart in Schriftarten-Verzeichnis zu laden?

Question

Ich kann nicht font fantastisch in fonts laden, in der Schrift genial ist Ikonenart wie:

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

Ich möchte Inhalt bekommen: "\ F005"; und in meinen eigenen Stil, aber ich denke, die Verzeichnis-Schriftarten laden nicht, wie font font-Datei in Verzeichnis-Schriftarten laden?

Ich habe versuchen, diesen Code zu meinem Stil hinzuzufügen:

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

und kopieren Fonts-Ordner.

hier mein Stil Code:

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

hier meine Verzeichnisstruktur

- 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

fügen Sie einfach font-family für Ihre benutzerdefinierte Klasse

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

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