HTML5 Mobile

Font Awesome: Skalierbare Vektor-Icons

Font Awesome ist kostenlose Bibliothek mit über 350 Icons, die sehr einfach eingebunden und verwendet werden kann.


Beispiel-Icons


Bei Font Awesome handelt es sich um ein Set an Icons, die als Web-Font gebündelt sind (.eot, .svg, .ttf, .woff, .otf). Es handelt sich also um Vektorgrafiken, die im Gegensatz zu Bitmapgrafiken in jeder Größe scharf dargestellt werden. Somit sind sie auch für Retina-Displays ideal.

Die Icons werden über eine CSS-Datei eingebunden. Anschließend kann man einem HTML-Element mithilfe einer CSS-Klasse ein Icon hinzufügen (z.B. class="icon-camera-retro").

Das Icon-Set ist standardmäßig bereits auf Twitter Bootstrap abgestimmt, kann jedoch auch ohne verwendet.

Link: Font Awesome

1 Kommentar zu: Font Awesome: Skalierbare Vektor-Icons

Franz
29. Oktober 2013, 18:51

Schön das wieder schreibst 🙂

Zum Topic: Das sind aber nicht die im bootstrap verwendeten Icons oder?

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

*