2017-04-25 11 views
0

Font-Awesome bietet uns viele tolle und nützliche Icons. Ich nehme an, dass diese Icons mit Unicode codiert sind. Ich bin mir ziemlich sicher, dass UTF-8 diese weder enthält, noch einen der beiden bekannten Tabelle. Wie wird Font-Awesome intern dargestellt, warum erscheint es korrekt? Ist es nur eine gewöhnliche Schriftart, aber ohne Buchstaben und nur mit speziellen Symbolen, die in der ttf-Datei aufgeführt sind? Vielen Dank im Voraus!Was ist Font-Awesome intern?

+0

erhalten Wenn Sie wirklich die Interna wissen wollen, warum nicht durchschauen https://github.com/FortAwesome/Font-Awesome? –

Antwort

5

Ist es nur eine gewöhnliche Schriftart, aber ohne Buchstaben und nur mit speziellen Symbolen, in der ttf-Datei aufgeführt?

Jep, das ist so, wie es funktioniert.

Wenn man sich die FA.css Datei suchen Sie werden feststellen, dass die Klassen, die Sie auf das Symbol zu erhalten verwenden im Grunde alle in etwa so aussehen:

.fa-ellipsis-h:before { 
    content:"\f141" 
} 

Wenn Sie also ein div machen, die style="font-family:FontAwesome" hat Sie kann grundsätzlich geben &#xf141; und wird das gleiche Symbol wie mit <i class="fa fa-ellipsis-h"></i>