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.
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
Downloads
uni-colorIcons | |||
CSS für farbige Unicode-Text-Icons | Download | ||
25.07.2022 2.19 KB | 70 |