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

[Mano W. (Firma: ---) (manow)]

Wird bei mir auch einfach korrekt dargestellt. Ist ja vermutlich die 
Systemfont dann bei mir.

https://developer.apple.com/fonts/

Da wäre ja glatt die Frage, wie findet man denn raus, welche Symbole auf 
den gängigen Systemen denn funktionieren und welche nicht? - Der Browser 
nutzt ja wohl die Systemschrift und nicht etwas anderes.

[Εrnst B. (ernst)]

Mano W. schrieb:
> Da wäre ja glatt die Frage, wie findet man denn raus, welche Symbole auf
> den gängigen Systemen denn funktionieren und welche nicht? - Der Browser
> nutzt ja wohl die Systemschrift und nicht etwas anderes.

Deswegen gibt's im CSS @font-face. Wenn deine Webseite aus 
Design-Gründen, oder weil spezielle Symbole verwendet werden, auf eine 
bestimmte Schriftart angewiesen ist, dann verlink einfach das TTF oder 
WOFF File.

Können alle Browser seit ca. 2010. Wenn noch ein historischer IE 6.0 
unterstützt werden soll, muss das File zusätzlich noch ins EOT-Format 
konvertiert werden. Aber das ist dann vermutlich das kleinste Problem.

[Flunder (flunder)]

Εrnst B. schrieb:
> Aber das ist dann vermutlich das kleinste Problem.

Das grössere Problem lauert, wenn irgendein Anwalt auf der Matte steht 
und Dich beklagt, dass Du Google unter anderem verraten hast, dass sein 
Mandant Deine Seite gelesen hat.

[Cartman E. (cartmaneric)]

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

Wenn man für die richtige Darstellung noch Schriften installieren muss,
ist es mit dem sparsam vorbei.
Will meinen, dass vmtl ASCII-Art noch viel sparsamer ist. ☺
Und wirklich überall, bis auf klingonischen Raumschiffen, funktioniert.

[Rolf M. (rmagnus)]

Flunder schrieb:
> Das grössere Problem lauert, wenn irgendein Anwalt auf der Matte steht
> und Dich beklagt, dass Du Google unter anderem verraten hast, dass sein
> Mandant Deine Seite gelesen hat.

Gibt es denn überhaupt noch irgendeine Webseite, die das nicht tut?

[Thomas F. (tommf)]

Rolf M. schrieb:
> Gibt es denn überhaupt noch irgendeine Webseite, die das nicht tut?

Ja. Man muss es wollen und machen:

https://developers.google.com/fonts/faq/privacy#can_i_embed_google_fonts_in_my_website_without_sending_end-user_data_to_google%E2%80%99s_servers

[Rolf M. (rmagnus)]

Ich meinte jetzt nicht nur im Bezug auf Schriftarten, sondern ganz 
allgemein. Praktisch jede Webseite nutzt doch irgendwelche 
Google-Dienste.

[Εrnst B. (ernst)]

Flunder schrieb:
> Das grössere Problem lauert, wenn irgendein Anwalt auf der Matte steht
> und Dich beklagt, dass Du Google unter anderem verraten hast, dass sein
> Mandant Deine Seite gelesen hat.

Google ist nicht das Internet, und Google ist nicht die einzige Option 
um Font-Files zu hosten, und Google hat auch kein Monopol auf WOFF oder 
TTF-Dateien.
Hatte schon einen Grund, warum ich in der Nachricht mit dem 
Google-Fonts-Link von "DOWNLOAD" geschrieben habe, und nicht von 
Datenschutz-Verbrecher-Kindermörder-Hotlink.

[Thomas F. (tommf)]

Rolf M. schrieb:
> Praktisch jede Webseite nutzt doch irgendwelche
> Google-Dienste.

Nö.

[Harald K. (kirnbichler)]

Rolf M. schrieb:
> Gibt es denn überhaupt noch irgendeine Webseite, die das nicht tut?

Jede, die "google anal ytics" nicht einbindet.