Unicode-Symbole in verschiedenen Browsern / Windows 7 und 10

Gast #5746721
Lesenswert?

Weiß jemand, woher die verschiedenen "Interpretationen" der 
Unicode-Symbole unter verschiedenen Browsern unter verschiedenen 
Windows-Versionen kommen?

Unter Windows 7 mit Chrome sind die Dinger monochrom (Wortspiel nicht 
beabsichtigt). Viele fehlen ganz.
Unter Windows 7 mit Firefox sehen sie sehr sehr stylisch und hübsch aus 
(das ist mein Favorit). Unter Android ebenfalls. Dort auch unter Chrome.

Unter Windows 10, egal ob Chrom oder Firefox sind sie zwar bunt, aber 
sehen echt sch***e aus...

Ich konnte bisher nicht rausfinden, wie die Dinger generiert werden. 
Eine HTML-Testseite mit verschiedenen Fonts brachte keine Erkenntnis 
zutage (sieht immer gleich aus).

Jemand mit Erfahrung hier?
Gast #5746797
Lesenswert?

Emojis sind ganz normale Unicode Zeichen. Mit jeder neuen Version von 
Unicode kommen neue hinzu. Aaaaber. Nicht einfach immer nur neue 
Codepoints, sondern es werden auch mal ältere Zeichen zu Emojis 
umgewidmet. D.h. Auf einem alten OS mit altem Font ist es ein 
monochromes Textzeichen oder unbekannt. Auf einem neueren OS ist es ein 
Bild Emoji.

Wie geht das? Jedes Zeichen kann einen Modifier mit 15 oder 16 oder so 
Möglichkeiten haben. Das ist einfach ein unsichtbares Zeichen direkt 
nach dem Zeichen. Damit machen die auch die Hautfarben für die Smileys. 
Einer davon ist immer 'normal' für das monochrome Textzeichen. Wird ein 
Zeichen zum Emoji umgewidmet, gilt aber ab der Version, dass die 
Bildvariante angezeigt werden muss, außer der 'normal' Modifier steht 
dahinter.

Das klingt erstmal gut, ist sehr sehr doof, weil:
- alter Font: monochrom Zeichen oder unbekanntes Zeichen
- Software nimmt monochrom Zeichen (z.b. Filled black cross für ein X im 
Fensterdialog)
- neues Betriebsystem mit neuerer Verion des Fonts
- Zeichen ist plötzlich Emoji: jetzt ein rotes X Bild
- Software sieht scheiße aus.
- Bei Ausdrucken müsste man diesen Modifier hinter jedes Symbol-Zeichen 
kleben, um nicht in Zukunft verarscht zu werden.
Gast #5746968
Lesenswert?

Das erklärt aber immernoch nicht, welche Fonts jetzt benutzt werden. 
Oder ob überhaupt: Ich kann nämlich per CSS und font-family welche 
durchprobieren und es sieht immer gleich aus.

️ ist natürlich jeweils an das Zeichen angehängt.
Gast #5748006
Lesenswert?

Können Fonts überhaupt bunt?

Ich denke nicht das die Symbole aus den Fonts kommen. Es ist durchaus 
möglich (und üblich) das ein Programm bei bestimmten Symbolen ein 
eigenes Bild anzeigt, anstatt das Symbol aus dem Font.

Damit meine ich... Mal als Extrembeispiel... Es wäre durchaus möglich 
einen Web Browser so zu programmieren das jedes mal wenn im Text ein "A" 
vorkommt, ein Bild eines Autos angezeigt wird, anstelle des "A".

Viele SMS Programme (und AFAIK auch WhatsApp) tun genau dieses, wenn ein 
Smiley im Text vorkommt (Smilies sind ja ganz normale Sbole, genau wie 
"A", "B", "C" usw.), dann zeigen sie ein eigenes Bild, anstelle des 
Smiley Symbol aus dem Zeichensatz.
#5748060
Lesenswert?

>Emojis sind ganz normale Unicode Zeichen. Mit jeder neuen Version von
>Unicode kommen neue hinzu. Aaaaber. Nicht einfach immer nur neue
>Codepoints, sondern es werden auch mal ältere Zeichen zu Emojis
>umgewidmet. D.h. Auf einem alten OS mit altem Font ist es ein
>monochromes Textzeichen oder unbekannt. Auf einem neueren OS ist es ein
>Bild Emoji.

Das glaube ich aber nicht wirklich, daß bestehende bzw. bereits 
zugeordnete Unicodezeichencodierungen gelegentlich umgewidmet werden.
Was Du vermutlich meinst, ist wohl eher der Font.
Moderator #5748227
Lesenswert?

Welches Symbol konkret dargestellt wird, hängt davon ab, welcher Font in
der betroffenen Anwendung gerade eingestellt ist und ob es in diesem,
einem anderen, mehreren oder überhaupt keinem der installierten Fonts
enthalten ist. Bei mehreren Alternativen entscheidet eine Priorisierung
in der Fontkonfiguration darüber, welchem der Vorzug gegeben wird.
Manchmal habe ich das Gefühl, dass einige Anwendungen (wie bspw.
Web-Browser) zusätzlich ihre eigenen Priorisierungsregeln haben.

Lustig wird es dann, wenn ein Font nur eine Untermenge und ein anderer
Font eine andere Untermenge dieser Symbole implementiert. Dann erhält
man einen wilden Mischmasch aus den Symbolen, was besonders auffällt,
wenn sie in dem einen Font farbig und im anderen monochrom sind.

Es gibt Fonts die ausschließlich Emojis enthalten und recht vollständig
sind, bspw. Noto Color Emoji von Google:

  https://www.google.com/get/noto/help/emoji/

Hier sind die Emojis aus verschiedenen Quellen im Vergleich dargestellt:

  https://unicode.org/emoji/charts/full-emoji-list.html

Die Windows-Emojis mit ihren Trauerrändern sind in der Tat etwas
gewöhnungsbedürftig. Aber Windows-User sind ja schließlich hart im
Nehmen, so dass sie sich kaum daran stören werden ;-)
#5753395
Lesenswert?

Sprichst Du jetzt von Unicode oder von diesen komischen Emoji-Symbolen? 
Das sind zwei komplett verschiedene Paar Schuhe. Für Unicode kommts 
einfach darauf an was für einen Font du verwendest. Emoji kann 
wahrscheinlich jede Anwendung die das unterstützen mag rendern wie sie 
lustig ist, ist ja nur ne Spielerei und kein Standard.
Moderator #5753417
Lesenswert?

Heini schrieb:
> Gibt's eigentlich die Möglichkeit, festzustellen, ob ein bestimmtes
> Symbol im Browser vorhanden ist? So, dass man ansonsten ein
> Alternativsymbol anzeigen könnte?

Erstelle doch einfach eine Mini-HTML-Seite mit dem fraglichen Zeichen
und lade sie in den Browser.

Oder noch einfacher: Gib das Zeichen hier auf dieser Web-Seite in das
Eingabefeld für "Antwort schreiben" ein, ohne "Vorschau" oder "Beitrag
veröffentlichen" anzuklicken. Direkt bei der Eingabe siehst du, ob das
Zeichen wie gewünscht dargestellt wird. Kann der Browser das Zeichen
nicht darstellen, zeigt er stattdessen ein Kästchen mit dem jeweiligen
Hexcode an.

Heini schrieb:
> Ich rede z.B. von
> https://de.wikipedia.org/wiki/Unicodeblock_Verschiedene_Symbole
> https://de.wikipedia.org/wiki/Unicodeblock_Verschiedene_piktografische_Symbole

Damit ist es am allereinfachsten: Einfach die beiden Wikipedia-Artikel
durchscrollen, und schauen, welche Zeichen fehlen.
#5753435
Lesenswert?

Bernd K. schrieb:
> Sprichst Du jetzt von Unicode oder von diesen komischen Emoji-Symbolen?
> Das sind zwei komplett verschiedene Paar Schuhe.

Nein, sind sie nicht mehr. Emojis haben Code-Points in Unicode bekommen. 
Verwende ich den Code-Point U+1F3A4 sollte in den meisten Programmen die 
Unicode können und einen Font mit Emojis Glyph haben ein Mikrofon 
erscheinen - wie hier >?< in vielen Browsern.
Gast #5753635
Lesenswert?

Gutes Beispiel! Und in meinem Fall will ich z.B. lieber das 
Studiomikrofon haben: ?
Im Firefox geht das... im Chrome unter Windows 7 sehe ich es nicht. 
Dafür soll eine Fallbackmöglichkeit her (z.B. das Defaultmikro ?).
Gast #5754457
Lesenswert?

Erkennen ob der Browser das Symbol rendern kann? Glaube ich nicht, dass 
das geht.
Höchstens in einen Canvas malen und dann die Pixel anschauen?

Wegen Farbe: ja, smileys sind gelb, das war schon offline so, aber die 
hier nicht unbedingt: ???????????, je nach Variantenselektor. 
???????????
Lässt sich in je nach Browser unterschiedlich gut eingeben.
Moderator #5754746
Lesenswert?

Heini schrieb:
> Chrome zeigt nur Klötze.
>
> Schade, dass das nicht geht. CSS kann ja sonst jeden Mist...

Das hat mit CSS nichts zu tun.

Yalu X. schrieb:
> Es gibt Fonts die ausschließlich Emojis enthalten und recht vollständig
> sind, bspw. Noto Color Emoji von Google:
>
>   https://www.google.com/get/noto/help/emoji/

Damit zeigt auch Chromium (und damit vermutlich auch Chrome) bunte
Fratzen an.

Antwort schreiben

Bitte melde dich an, um einen Beitrag zu schreiben.

oder

Mit Google-Account einloggen

Die Registrierung ist kostenlos und dauert nur eine Minute.

Jetzt registrieren