• Apfeltalk ändert einen Teil seiner Allgemeinen Geschäftsbedingungen (AGB), das Löschen von Useraccounts betreffend.
    Näheres könnt Ihr hier nachlesen: AGB-Änderung
  • Es regnet, ist neblig und kalt, alle sind krank und der Chef wird zunehmend cholerisch. Das Thema des Monats ist also folgerichtig --> Das Grau(en)
    Wir sind gespannt, war Euch dazu einfällt! Zum Wettbewerb --> Klick
  • Auch in diesem Jahr möchten wir auf unserer Webseite mit einem passenden Banner etwas weihnachtliche Stimmung verbreiten. Jeder Apfeltalker kann, darf und sollte uns einen Banner-Entwurf zusenden, wie und wo das geht, könnt Ihr hier nachlesen --> Klick

Darstellung unterschiedlich breiter Leerzeichen fehlerhaft

DgaDM

Querina
Registriert
23.12.10
Beiträge
184
Bitte tut mir mal einen Gefallen und ruft diesen Wikipedia-Artikel auf:

Leerzeichen – Wikipedia

de.wikipedia.org de.wikipedia.org

In der dortigen Tabelle wird die Breite verschiedener Leerzeichen dargestellt.

So sieht das am iPad aus:
IMG_0228.jpg

Und so an meinen beiden Macs (Big Sur 11.7.10 bzw. Sonoma 14.4.1):
Bildschirmfoto 2024-05-15 um 10.29.28.png

Alle Leerzeichen identisch, das kann es doch nicht sein? Habe ich eine Einstellung in meinem Userprofil verfrickelt, oder ist das bei euch auch so?

Es spielt übrigens keine Rolle welchen Browser ich nehme; also meine einzige Vermutung wäre der System-Font bei den beiden Desktop-Macs.

Werden bei euch die Leerzeichen auch alle mit identischer Breite dargestellt?
 
doc_holleday

doc_holleday

Signe Tillisch
Registriert
14.01.12
Beiträge
13.417
Einen Mac habe ich gerade nicht zur Hand, aber in der Kombination WIN10+Firefox werden mir entsprechend unterschiedliche Abstände zwischen den beiden Markierungsstrichen angezeigt. Also vergleichbar zu deinem Screenshot vom iPad.
 
  • Like
Reaktionen: DgaDM

DgaDM

Querina
Registriert
23.12.10
Beiträge
184
doc_holleday schrieb:
Einen Mac habe ich gerade nicht zur Hand, aber in der Kombination WIN10+Firefox werden mir entsprechend unterschiedliche Abstände zwischen den beiden Markierungsstrichen angezeigt.
Zum Vergrößern anklicken....
Danke, das kann ich auch so bestätigen, Firefox unter Windows zeigt es korrekt, dieselbe Firefox-Version am Mac hingegen nicht.
 
doc_holleday

doc_holleday

Signe Tillisch
Registriert
14.01.12
Beiträge
13.417
DgaDM schrieb:
also meine einzige Vermutung wäre der System-Font bei den beiden Desktop-Macs.
Zum Vergrößern anklicken....

Die Vermutung finde ich naheliegend. Ob sich da etwas einstellen oder ändern lässt, kann ich leider nicht sagen (und kann da auch gerade nicht selbst reinschauen).
 
_macminimal

_macminimal

Spätblühender Taffetapfe
Registriert
11.11.14
Beiträge
2.773
Ohne die weiteren (CSS) "Regeln" (bzw HTML-Escapes) dazu zu sehen, ist es schwer was dazu zu sagen. Natürlich wirkt das erstmal ungewöhnlich.

zum Thema > https://stackoverflow.com/questions/28058735/thinsp-ensp-emsp-alternatives-in-safari-browser

btw. Die dort im Ausgangspost verwendeten Codes funktionieren hier bei mir im Safari-Browser

Code: 
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Unbenanntes Dokument</title>
</head>

<body>
    A&thinsp;B&thinsp;C&thinsp;D&thinsp;E&thinsp;F<br>
    A&ensp;B&ensp;C&ensp;D&ensp;E&ensp;F<br>
    A&emsp;B&emsp;C&emsp;D&emsp;E&emsp;F
</body>
</html>

funktioniert. Sonoma 14.5 Safari 17.5, wäre zu klären, ob der gewünschte Font

edit: grob gesagt scheint sich die Erscheinung primär durch "sans-serif" & "serif" zu unterscheiden. "serif" funktioniert tendenziell immer, wohingegen "sans-serif" eher nicht bzw teilweise funktioniert. Alles bezogen auf die allg. Definition der Font-Family in CSS.
 
Zuletzt bearbeitet:
  • Like
Reaktionen: DgaDM

DgaDM

Querina
Registriert
23.12.10
Beiträge
184
_macminimal schrieb:
Ohne die weiteren (CSS) "Regeln" (bzw HTML-Escapes) dazu zu sehen, ist es schwer was dazu zu sagen. Natürlich wirkt das erstmal ungewöhnlich.
Zum Vergrößern anklicken....
Erstmal danke, auch für den SO-Link, auf den Thread war ich bei meiner (durchaus schon intensiveren Recherche) noch nicht gestoßen.

In dem konkreten Fall, wie ich drauf gestoßen bin, habe ich das CSS unter meiner Kontrolle. Für den Body gebe ich "sans-serif" mit, und tatsächlich, wenn ich nur diese eine Regel deaktiviere scheinen die Leerzeichen zu passen. Dafür sieht der Rest komplett hässlich und altertümlich aus mit der Serifenschrift 😅

Aber das ist doch schon mal ein weiterer Ansatz um der Sache auf den Grund zu kommen, nochmals danke.

- Edit -
Der Thread auf Stack-Overflow hat eine Lösung geliefert, ohne eine Lösung zu liefern 🤣🤣

Der Fragesteller hat ja in seinem Text so ein schönes Beispiel, das tatsächlich auch bei mir im Safari funktioniert.
Also habe ich mich durch das CSS von SO gewühlt und folgendes gefunden: "font-family:-apple-system;"

Wenn ich in meinem Stylesheet also "-apple-system" ergänze, fluppt es mit den Abständen. Der Font sieht minimal anders aus als der, der bei "sans-serif" genommen wird, ist aber in meinen Augen sogar besser lesbar.

Jetzt bin ich gespannt wie es morgen im Büro unter Windows aussieht, wahrscheinlich ist es dann jetzt da kaputt, ich liebe CSS 😅
 
Zuletzt bearbeitet:
  • Like
Reaktionen: _macminimal
Du musst dich einloggen oder registrieren, um hier zu antworten.
2003-2024 Apfeltalk | Made on a Mac
Oben Unten