CSS, HTML und Javascript mit {stil}

Sonderzeichen von Astronomie über Musik bis zum Wetter

Viele Fonts enthalten bereits die Zeichen wie Sternzeichen

Sonderzeichen und Symbole erstrecken sich mit Hilfe eines numerischen Codes weit über die HTML-Entities wie &phone für ☎ und &cross für ✗ hinaus: Da gibt es die Symbole der Blindenschrift, der Planeten und astronomische Symbole, Sternzeichen, Wettersymbole, Spielkarten und Schachfiguren bis hin zu Ziffern.

Wenn man in der Liste der HTML-Entities ein Sonderzeichen nicht findet, das gerade gebraucht werden, bleibt noch die lange Liste der Zeichen, die über den einfachen numerischen Code angesprochen werden.

Sonderzeichen müssen nicht codiert werden – sie sind legale Zeichen und können von einer Vorlage kopiert und direkt in das Markup gesetzt werden.

  • Von 9472 bis 9727 gibt es Ecken, Linien und Füllungen
  • Irgendwo mitten drin gibt es einen hübschen ⚽ (⚽)
  • Schachfiguren ♘ liegen von 9812 bis 9823, Mahjongsteine von 🀀 bis &#127019, 🀰 🀱 🀲 Dominosteine beginnen bei 🀰
  • von 9825 bis 9831 gibt es Spielkarten wie ♤. Würfel von 9856 bis 9861
  • Kreuze und Sterne von 9985 bis 10059
  • Herzen von 10082 bis 10087
  • Währungen findet man von 8352 bis 8381
  • Musik beginnt auf 9833 und läuft bis 9839, aber es gibt weitere Sonderzeichen im sechsstelligen Bereich (z.B. Violin- und Basschlüssel, Pausen und Lautstärke). Die Unterstützung für die sechstelligen Codes scheint unter OS X besser zu sein als unter Windows – habe unter Windows 7 und Windows 8 nur die einfachen vierstelligen bislang gesehen. Wer mehr braucht als eine Viertelnote, bedient man sich doch besser bei einem Font für Symbole der Musik.
  • Blindenschrift von 10241 bis 10495
🀀

Fonts und Sonderzeichen

Droid ist ein Webfont (Google Fonts) mit einem großen Zeichenvorrat. Bei Font Squirrel gibt es DejaVu mit einer ebenfalls langen Liste von Sonderzeichen und Symbolen für Icons aller Art.

Wenn allerdings nur eine Handvoll Sonderzeichen oder Symbole – z.B. für die Navigation der Webseite – gebraucht werden, sind die großen Fonts Overkill. Eine Auslese von Zeichen oder Glyphen, ein sogen. Icon-Font, ist dann eine effizientere Lösung.

System-FontDeja Vu
System-FontDeja Vu
System-FontDeja Vu
System-FontDeja Vu
Wenn Symbole als 3D-Button gerendert werden, sind sie im Font der Seite nicht vertreten und anstelle dessen der Systemfont für Emoji benutzt (falls vorhanden). Aber vielleicht hat das Betriebssystem des Besuchers auch einen »flachen« Systemfont. Als echtes Zeichen wird das Symbol gerendert, wenn der Font das Zeichen enthält.

So zuverlässig wie ein Icon-Font sind die Symbole also nicht. Das eine oder andere Sonderzeichen ist bei einem anderen Betriebssystem vielleicht nicht im Systemfont, und selbst wenn Symbole in allen Browsern angezeigt werden, benutzt der eine Browser den Systemfont für die Sonderzeichen, der andere die Schrift aus dem Stylesheet.

Tastatur

 Sonderzeichen Apple mit &#63743 (nicht unter Windows). Die CMD-Taste ⌘ ist eigentlich das Zeichen für »interessanter Ort«, noch eigentlicher das Zeichen für Campingplätze in Schweden.

⏏ Auswerfen ⏏ kennen wir vom CD-Player und sogar schon Kassettenrekorder.


Apple
⌘
CMD-Taste
⌥
ALT-Taste
⏏
Auswerfen
⌦
Löschen nach Rechts
⌫
Löschen nach Links
⍇
Taste Pfeil Links
⍈
Taste Pfeil Rechts
⍐
Taste Pfeil nach oben
⍍
Taste Pfeil nach unten
⎙
Drucken
⏎
Return

Sternzeichen, Tierkreiszeichen, Planeten

☉
Sonne
☊
Absteigender Knoten
☋
Aufsteigender Knoten
☌
Konjunktion
☍
Opposition
☽
Mond erstes Viertel
☾
Mond letztes Viertel
☿
Merkur
♁
Erde
♃
Jupiter
♄
Saturn
♆
Neptun
⛢
Uranus
&9792;
Venus (auch: Frau)
&9794;
Mars (auch: Mann)
♇
Pluto
♈
Widder
♉
Stier
♊
Zwillige
♋
Krebs
♌
Löwe
♍
Jungfrau
♎
Waage
♏
Skorpion
♐
Schütze
♑
Steinbock
♒
Wassermann
♓
Fische
⚸
Schwarzer Mond Lilith

Ziffern und Buchstaben

①
Ziffer 1 im Kreis
②
Ziffer 2 im Kreis
③
Ziffer 3 im Kreis
④
Ziffer 4 im Kreis
⑤
Ziffer 5 im Kreis
⑥
Ziffer 6 im Kreis
⑦
Ziffer 7 im Kreis
⑧
Ziffer 8 im Kreis
⑨
Ziffer 9 im Kreis
⑩
Ziffer 10 im Kreis

Wetter

Sonnenschrein, Wolken, Regenschirm und Schneemann

☀
Sonne, gefüllt
☁
Wolken, gefüllt
☂
Regenschirm, gefüllt
☃
Schneemann
☄
Komet
★
Stern, gefüllt
☆
Stern
☇
Blitz
☈
Unwetter (Thunderstorm)
☔
Regenschirm mit Tropfen
☕
Tasse mit heißem Getränk

Schach

♔
Weißer König
♕
Weiße Königin
♖
Weißer Turm
♗
Weißer Läufer
♘
Weißer Springer
♙
Weißer Bauer
♚
Schwarzer König
♛
Schwarze Königin
♜
Schwarzer Turm
♝
Schwarzer Läufer
♞
Schwarzer Springer
♟
Schwarzer Bauer

Würfel

Eins, zwei, drei

⚀
Würfel mit 1
⚁
Würfel mit 2
⚂
Würfel mit 3
⚃
Würfel mit 4
⚄
Würfel mit 5
⚅
Würfel mit 6

Gefahrensymbole

☠
Totenschädel
☡
Vorsicht!
☢
Strahlung
☣
Chemie – Gefahr

Recycling-Symbole

♲
Recycling
♳
Typ 1 Kunststoff
♴
Typ 2 Kunststoff
♵
Typ 3 Kunststoff
♶
Typ 4 Kunststoff
♷
Typ 5 Kunststoff
♸
Typ 6 Kunststoff
♹
Typ 7 Kunststoff
♺
Recycling
♻
Recycling
♼
Recycling Papier
♽
Teilweise recyceltes Papier

Sonderzeichen Pfeile

←
↑
→
↓
↔
↕
↖
↗
↘
↙
↚
↛
↜
↝
↞
↟
↠
↡
↢
↣
➘
➙
➚
➛
➜
➝
➞
➟
➠
➡
➢
➣
➤
➥
➦
➧
➨
➩
➪
➫
➬
➭
➮
➯
➰
➱
➲
➳
➴
➵
➶
➷
➸
➹
➺
➻
➼
➽
➾

Symbole

⌂ Haus
⌚
Armbanduhr
⌛
Sanduhr (blau)
⌨
Tastatur
⏰
Wecker
⏳
Sanduhr (rot)
⚓
Anker
⚔
gekreuzte Degen
⚕
Äskulapstab
⚖
Waage
⚗
Chemie
⚽
Fußball
⛄
Schneemann
⛅
Sonne und Wolken
⛪
Kirche
⛳
Golfloch
⛽
Zapfsäule
💣
💣
Bombe

HTML Sonderzeichen Musik

♩
Viertel
♪
Achtel
♫
Zwei Achtel mit Balken
♬
Zwei Sechszehntel mit Balken
♭
Halber Ton tiefer
♮
Aufhebung
♯
Halber Ton höher
𝄀
𝄀
Einfacher senkrechter Strich
𝄁
𝄁
Doppelter senkrechter Strich
𝄆
𝄆
Wiederholung links
𝄇
𝄇
Wiederholung rechts
𝄐
𝄐
Fermata
𝄑
𝄑
Fermata Unter
𝄪
𝄪
Doppelte Erhöhungen
𝄞
𝄞
Violin­schlüssel (G-Schlüssel)
𝄡
𝄡
C-Schlüssel
𝄫
𝄫
Doppelter Halbton tiefer
𝄢
𝄢
Bass­schlüssel
𝆒
𝆒
Crescendo
𝆓
𝆓
decrescendo

Sonderzeichen / Symbole von bis

Wenn jetzt immer noch nichts dabei ist, hilft nur noch Stochern.

Neptun 𝄢 Musik Wetter