Farbige Unicode Zeichen, die überall bunt sind

Unicode-Zeichensätze bieten eine Vielzahl an Zeichen, die im Eomji-Modus leider überall anderst aussehen.
Um das zu ändern sind hier einige Beispiel wie man die Zeichen im Textmodus etwas aufhübschen kann.
Eine schöne Übersicht über die Unicde-Zeichen bietet die Seite Unicode-Table, oder auch auf Unicode.org.

Um alle Zeichen im Text-Modus darzustellen läßt man dem eigentlichen Zeichen den Unicode-Variantenselektoren 15 (U+FE0E: Text-Style) folgen. Dann sieht das gewählte Zeichen (fast) überall gleich aus und läßt sich mit der Text-Farbe gestalten: .
Zwischen verschiedenen Betriebsystem gibt es dennoch Abweichungen

Beispiele (ein Anfang)

Bezeichnung Unicode-Nummer Zeichen
(Darstellung Browser abhängig)
CSS-Klasse Farbiges Zeichen
Kleeblatt U+2618 ☘︎ uni-Shamrock
Kleeblatt, vierblättrig U+1F340 🍀︎ uni-FourLeafClover
Kleeblatt, vierblättrig 2 U+1F340 🍀︎ uni-FourLeafClover2
Ahornblatt U+1F341 🍁︎ uni-MapleLeaf
Ahornblatt 2 U+1F341 🍁︎ uni-MapleLeaf2
Topfpflanze U+1F341 🪴︎ uni-PottedPlant
Palme U+1F334 🌴︎ uni-PalmTree
Tanne, Fichte U+1F332 🌲︎ uni-EvergreenTree
Kaffee U+2615 ☕︎ uni-Coffee
uni-HotBeverage
Sanduhr U+231B ⌛︎ uni-Hourglass
Pokal U+1F3C6 🏆︎ uni-Trophy


Beschreibung Klasse Beispiel
Schatten uni-shadowLightGrey
Schatten uni-shadowGrey
Rand uni-Border
Saturation 75% uni-Saturation75
Saturation 50% uni-Saturation50
Graustufen uni-Grayscale
Sepia uni-Sepia
Auch ohne Icons oder zusätzliche Icons-Fonts kann man schöne kleine Grafiken herbeizaubern.

Mehr zum Thema

Software

Weiterführende Informationen

Downloads

zip.png uni-colorIcons       
CSS für farbige Unicode-Text-Icons    Download
 25.07.2022  2.19 kB      6