Lesefortschritt:

Font-Special 6: Minimalistischer Icon-Font – direkt aus der Tastatur

25. Juli 2021 | Fonts & Icons, HTML, Word­Press

Trick # 108 | Dieser Beitrag beinhaltet 346 Wörter. – Geschätzte Lesezeit: ca. 2 Minuten.

Die netten Icon-Fonts – wie sie etwa bei Font Awesome zu haben sind – vermögen ja durchaus zu gefallen. Aber es geht noch einfacher: Einen kleinen aber feinen Strauss an Icons können Sie direkt mit der Tastatur eingeben.

Der Icon-Satz stammt noch aus den früher Phase des Computerzeitalters. Der so genannte «ASCII-Code» enthielt aber schon damals eine Reihe von Sonderzeichen, welche man ohne Probleme an beliebiger Stelle einsetzen konnte.

Ein paar Beispiele aus diesem minimalistischen Zeichensatz:

☻ ☼ ♥ ♦ ♣ ♠ ♫ ► ◄ ▲ ▼ ® ½ ¼

Freilich: Die ASCII-Zeichen kommen nicht an die designten Werke von Font Awesome & Co. heran. Und es gibt auch (inklusive aller Buchstaben und Ziffern) nur deren 256 Zeichen – also 2⁸ an der Zahl – auch daran merkt man, wie altertümlich der ASCII-Satz ist. Aber er funktioniert noch heute.

Den kompletten ASCII-Zeichensatz liefern wir Ihnen gleich unten; die gewünschten Zeichen fügen Sie so ein: «Alt»-Taste drücken und gleichzeitig auf dem Zahlenblock der Tastatur den Wert des entsprechenden Zeichens eingeben – Tasten loslassen und schon erscheint das Zeichen. Achtung: Die Zeichen lassen sich ausschliesslich über den Zahlenblock, nicht aber mit den Ziffertasten über der Buchstabentastatur erstellen. Zudem sollten Sie sich vergewissern, dass der Zahlenblock auch aktiv ist; sprich: dass die «NumLock»-Taste gedrückt ist.

Und – wie verprochen – hier …

Die komplette Liste aller ASCII-Codes

Werbung

Bedingte Silbentrennung in HTML – so geht’s

Jedes Sonderzeichen, jeder Umlaut kann in HTML mit der Tastatur erstellt werden - oder aber mit der entsprechenden HTML-Entity. Aus ä wird so ein ä, ‰ ergibt ‰ und © gibt das © aus. Mein Favorit ist und bleibt aber ...
Keine Inhalte gefunden.

Werbung

 

Pin It on Pinterest

Share This
Überblick über den Datenschutz

Diese Website verwendet Cookies, damit wir Ihnen die bestmögliche Benutzererfahrung bieten können. Cookie-Informationen werden in Ihrem Browser gespeichert und dienen dazu, Sie wiederzuerkennen, wenn Sie auf unsere Website zurückkehren, und unserem Team zu helfen, zu verstehen, welche Bereiche der Website Sie am interessantesten und nützlichsten finden.