Um der Fülle an unterschiedlichen Piktogramme/Icons Herr zu werden, haben wir und für Puresurfcamps etwas Besonderes einfallen lassen: eine eigene Icon-Schriftart.
Einheitlichkeit und gestochene Schärfe
Neben einer einheitlichen Darstellung der Icons – immer gleiche Zeilenhöhe trotz unterschiedlicher Höhe und Breit – ermöglicht dies den Redakteuren die unkomplizierte Verwendung im normalen Fließtext. Umständliches Einfügen als Bild gehört damit der Vergangenheit an. Bei genauer Betrachtung ist zudem erkennbar, dass alle Piktogramme gestochen scharf dargestellt werden, wobei sie besonders auf Retina-Displays ihre ganze Brillanz zeigen. Ganz gleich wie groß oder klein das jeweilige Symbol dargestellt wird, dank der Icon-Font wird es immer hervorragend gerendert.
Umsetzung mit @font-face
Umgesetzt wurde die Schriftart mit @font-face, einer Erweiterung bei CSS3. Natürlich werden wir die Schriftart ständig um neu hinzugekommene Piktogramme erweitern.
Für unseren Kunden ist dies ein Schritt in Richtung einheitliche Designsprache und für uns ein gutes Stück Website-Optimierung.
