UTF-8 Symbole Darstellung auf PC und Mobile Browsern

[Alex Z. (alexander_z49)]

Abend,

ich habe für ein Projekt bei dem ich normale UTF-8 Symbole als kleine 
Grafiken verwende, z.B. Aus- und Einklapp-Darstellung.

Bei U+23F4 bis 23F7 (Pfeile, wie sie oft in der Audio-Technik vorkommen) 
gibt es auf meinen Mobile Browsern das Problem, dass diese nicht 
dargestellt werden. Auf meinem PC werden diese in Edge, Chrome und FF 
richtig dargestellt. Auf dem Smartphone in Chrome nicht.

Die Symbole 23FB bis 23FF werden weder auf dem PC noch auf dem 
Smartphone dargestellt.

Sollten diese nicht aber universell darstellbar sein? Kennt jemand vllt. 
alternavite Symbole in UTF-8 dafür?

Anbei der Link, bei W3School, wo ich diese gefunden habe.

https://www.w3schools.com/charsets/ref_utf_technical.asp

LG Alex

[Εrnst B. (ernst)]

Alex Z. schrieb:
> Sollten diese nicht aber universell darstellbar sein?

Nicht jede Schriftart enthält alle Symbole.

Eine Lösungsoption wäre, eine Schriftart mit den fehlenden Symbolen 
mitzuliefern.
https://www.w3schools.com/css/css3_fonts.asp

Die Symbole in SVG konvertieren ginge auch.

Alex Z. schrieb:
> Die Symbole 23FB bis 23FF werden weder auf dem PC noch auf dem
> Smartphone dargestellt.

Hier gehen die: ⏻⏼⏽⏾⏿
Hilft natürlich nichts, wenn die Hälfte der Leser oben nur 5 Kästchen 
angezeigt kriegen.

[Alex Z. (alexander_z49)]

Ja, verstehe ich, dass nicht jede Font jedes Symbol kennt. Dann würde 
das aber bedeuten, das der mobile Chrome eine andre Font verwendet als 
der PC Chrome. Im Body-Tag der Website, habe ich aber fest calibri 
gesetzt. Sagt jetzt bitte nicht, das Desktop Calibri anders ist als 
mobile calibri.

Edit:

von wo ist der Screenshot, bzw. welche Font ist das?

[Εrnst B. (ernst)]

Alex Z. schrieb:
> Sagt jetzt bitte nicht, das Desktop Calibri anders ist als
> mobile calibri.

Calibri enthält m.W. außer ein paar Pfeilen garkeine Symbole. Der 
Browser greift dann auf andere Fonts zurück.

Und unter Android kriegst du meistens garkein Calibri, sondern 
"Carlito", einen Ersatzfont den Google entwickelt hat, damit keine 
Lizenzgebühren an Microsoft fällig werden.

[Εrnst B. (ernst)]

Alex Z. schrieb:
> von wo ist der Screenshot, bzw. welche Font ist das?

Firefox. Von dieser Webseite, beim Tippen der Antwort. Aus welchen Font 
die Zeichen letztendlich gekommen sind, kann ich so einfach nicht sagen.

[Alex Z. (alexander_z49)]

Bei mir zeigt es im FF auf dem Desktop nur Platzhaler an. Sowas Dummes.

[Εrnst B. (ernst)]

Hab rausgefunden, welcher Font bei mir die Symbole enthalten.
"Noto Sans Symbols"

Download (unter der Open Font License) und Test-Texteingabefeld hier:
https://fonts.google.com/noto/specimen/Noto+Sans+Symbols/tester