Skalierbare Symbole für Responsive Webdesign

Gerade im responsive Webdesign kommt es darauf an, dass Icons und Symbole auf jedem Display sauber dargestellt werden. Ein guter Tipp für gängige Symbole ist es, einfach auf Unicode-Zeichen zurückzugreifen. Dieser beinhaltet neben einer großen Anzahl an Buchstaben auch eine Reihe von Icons. So erzeugt der HTML-Code "★" einen Stern ★.

Ein nützliches Tool nicht nur für Webdesigner zur Umwandlung und Suche von Zeichen findet sich auf Unicode-Table.

Allerdings werden Unicode-Zeichensätze unter Windows nicht vollständig unterstützt, so dass es immer ratsam ist das jeweilige Zeichen zu testen. So kommt es bei Chrome unter Windows zu Darstellungsfehlern, während Firefox das Problem intern löst.