Unterschiede
Hier werden die Unterschiede zwischen zwei Versionen angezeigt.
| Nächste Überarbeitung | Vorhergehende Überarbeitung | ||
|
webworking:css:iconsets_fuer_die_einfache_einbindung_per_css [27.10.2014 09:54] cbeier angelegt |
webworking:css:iconsets_fuer_die_einfache_einbindung_per_css [02.10.2017 22:43] (aktuell) |
||
|---|---|---|---|
| Zeile 2: | Zeile 2: | ||
| Im folgenden eine Ansammlung von Icon Fonts, die sich recht einfach in einem Webprojekt integrieren und verwenden lassen. Ich verwende diese Fonts sehr gerne, da so nicht immer erst ein passenden Iconset (gerade für die Social Media Icons) gesucht werden müssen, die Grafiken zu einem Sprite zusammengefummelt und dann die Icons per CSS entsprechend eingebunden/ | Im folgenden eine Ansammlung von Icon Fonts, die sich recht einfach in einem Webprojekt integrieren und verwenden lassen. Ich verwende diese Fonts sehr gerne, da so nicht immer erst ein passenden Iconset (gerade für die Social Media Icons) gesucht werden müssen, die Grafiken zu einem Sprite zusammengefummelt und dann die Icons per CSS entsprechend eingebunden/ | ||
| + | |||
| + | Ein weiterer Vorteil dieser Icon-Fonts ist, dass sie vektorbasiert und damit skalierbar sind. Dadurch sind sie gleich optimal für Retina Displays geeignet. | ||
| Manche Anbieter (wie z.B. bei Font Awesome) bieten auch an, dass der Font direkt über ein CDN eingebunden werden kann. Hier entfallen dann sogar noch ein paar Schritte. Einfach zusätzliche CSS Datei einbinden und direkt die Icons via CSS-Klasse verwenden. | Manche Anbieter (wie z.B. bei Font Awesome) bieten auch an, dass der Font direkt über ein CDN eingebunden werden kann. Hier entfallen dann sogar noch ein paar Schritte. Einfach zusätzliche CSS Datei einbinden und direkt die Icons via CSS-Klasse verwenden. | ||