Bunte Unicode Zeichen

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: .

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

Mehr zum Thema

Software

• CSS Gradient Generator (unterstützt die Kombination von mehreren Gradienten)
• Vivid Gradient Generator Tool (verhindert Grauzonen zwischen zwei Farben)
• Gradient Generator (mit Easing-Funktion)
• Wakamai Fondue (Übersicht über eine Schrift und alle enthaltenen Zeichen. Schön zum schellen Testen des Subsettings)

Weiterführende Informationen

• Font-Subsetting mit hlyphhanger und fonttools
• CSS Font-Stacks
• Websites und ihr CO₂ Fußabdruck

• Unicode-Table
• Unicode.org

Downloads

---