Schrift unter heise.de/ct sieht merkwürdig aus...

Hier sieht das mit dem Fx so aus:

[attachment=0]Screenshot (985).png[/attachment]

Ich habe die Seite extra mal auf 150% vergrößert.

Und so mit ESR 60.

[attachment=0]Screenshot (986).png[/attachment]

Fast neues Profil bei 100%

[attachment=0]Screenshot (987).png[/attachment]

Hallo,

Zitat von JeffWood

Habe im Chrome-Inspektor bei diesem Abschnitt noch den Zusatz gefunden :

Code

-webkit-font-smoothing: antialiased;

Aber ob das damit zusammenhängt, kann ich nicht sagen.

-webkit-font-smoothing: antialiased beziehungsweise das in Firefox implementierte Pendant -moz-osx-font-smoothing: grayscale funktionieren nur auf Apple macOS. Daher besteht kein Zusammenhang, wenn du Windows nutzt.

Hast du auf keiner anderen Webseite Probleme mit der Schrift? Das Problem sieht mir nämlich eher nach einem allgemeinen Font-Rendering-Problem aus. Ich kenne mich mit den Windows-Parametern (Cleartype etc.) aber nicht gut genug aus, um da Tipps geben zu können. Ansonsten würde ich testen, mittels userContent.css vielleicht eine andere Schriftart zuuzweisen. Vielleicht zeigt sich das Problem ja auch nur konkret mit dieser Schrift.

Das könntest du auch testen:

Zitat von Sören Hentzschel

Ansonsten würde ich testen, mittels userContent.css vielleicht eine andere Schriftart zuuzweisen. Vielleicht zeigt sich das Problem ja auch nur konkret mit dieser Schrift.

Font-Rendering gehört zu den komplexeren Themen. Da gibt es Unterschiede zwischen den Betriebssystemen (und den jeweiligen Einstellungen des Betriebssystems) und dann nochmals zwischen den Browsern, weil das jeder Browser anders implementiert. Und das Schriftformat spielt auch noch mit rein. Wenn du bei Google "font rendering differences between browsers" eingibst, bekommst du 8,3 Millionen (!) Ergebnisse.

Meistens nimmt man als Nutzer keinen Unterschied wahr. Aber in manchen Fällen eben schon.

Hier ein paar Artikel zu dem Thema:

https://www.smashingmagazine.com/2012/04/a-clos…font-rendering/
https://szafranek.net/blog/2009/02/2…hing-explained/

Zitat von JeffWood

ClearType Einstellungen

Ist bei mir deaktiviert.

[attachment=0]Screenshot (989).png[/attachment]

Zitat von JeffWood

Ach so. Habe es jetzt auch mal testweise deaktiviert, ändert aber an meinem Font-Anzeige-Problem nichts. Sieht auf der Seite mit der voreingestellten Schriftart mit und ohne Cleartype bescheiden aus. Werde weiter nach dem Grund forschen...

Ich habe lokal Cleartype aktiv und auch individuell eingestellt. Ich kann bestätigen, dass auf der C't-Seite die Darstellung bei einigen Buchstaben nicht ideal ist, bei mir auf der aktuellen Startseite in der Normalschrift bei A und R. Die verwendete Schrift ist DejaVu Sans Condensed. Die habe ich auch lokal auf meinem Rechner und sehe dort die Probleme für beide nichtfette Schriften und kleinere Schriftgrößen in der Windows-Schriftinfo – immerhin bis Größe 24; die nächstgrößere Anzeige ist 36.

Aber mal nebenbei, so ganz sauber ist das auch nicht (heise.de, ct.css

@font-face {
 font-family:DejaVu Sans Condensed;
 src:url("/fonts/dejavu-sans/DejaVuSans-BoldOblique.woff2") format("woff2"),url("/fonts/dejavu-sans/DejaVuSans-BoldOblique.woff") format("woff");
 font-weight:700;
 font-style:italic
}
@font-face {
 font-family:DejaVu Sans Condensed;
 src:url("/fonts/dejavu-sans/DejaVuSansCondensed-Bold.woff2") format("woff2"),url("/fonts/dejavu-sans/DejaVuSansCondensed-Bold.woff") format("woff");
 font-weight:700;
 font-style:normal
}
@font-face {
 font-family:DejaVu Sans Condensed;
 src:url("/fonts/dejavu-sans/DejaVuSansCondensed-Oblique.woff2") format("woff2"),url("/fonts/dejavu-sans/DejaVuSansCondensed-Oblique.woff") format("woff");
 font-weight:400;
 font-style:italic
}
@font-face {
 font-family:DejaVu Sans Condensed;
 src:url("/fonts/dejavu-sans/DejaVuSansCondensed.woff2") format("woff2"),url("/fonts/dejavu-sans/DejaVuSansCondensed.woff") format("woff");
 font-weight:400;
 font-style:normal
}

Wieso nehmen die für fett kursiv nicht die existierende DejaVuSansCondensed-BoldOblique.ttf (hier als WOFF)? Und eigentlich fehlen auch Anführungszeichen um den Schriftnamen.