Großer Unterschied beim Text-Rendering von Chrome gegenüber Firefox
Ich habe einige große Unterschiede in der Darstellung von Text zwischen Chrome und Firefox. Chrome scheint einige Anti-Aliasing-Regeln auf den Text anzuwenden und verkleinert sie ein wenig.
Ich habe versucht mit -webkit-font-smoothing, letter-spacing und word-spacing zu spielen, aber keiner scheint wirklich etwas zu bewirken.
Siehe Screenshots
Relevantes CSS (berechnet):
%Vor% 
Relevantes CSS (berechnet):
%Vor%Beachten Sie, dass der verblasste Text im Hintergrund nur ein Bild ist .. ignorieren Sie das.
Ich habe das Gefühl, dass Chrome einen css-Schalter für Anti-Aliasing-Regeln hat, aber nicht sicher ist, wo es nach mehr Informationen suchen soll.
Bearbeiten:
jsfiddle: Ссылка
Für den Rekord, ich bin auf Ubuntu. Möglicherweise hat dies eine Auswirkung ..
Irgendwelche Tipps?
2 Antworten
Verschiedene Browser verwenden unterschiedliche Rendering-Engines, die unterschiedliche Ergebnisse liefern sollen. Dies ist insbesondere bei kleineren Schriftgrößen der Fall. Es gibt im Allgemeinen nicht viel, was man dagegen tun kann. Wenn der Unterschied nicht von den Designern des Browsers beabsichtigt ist, ist es auch möglich, dass dies ein Knick ist, der auf anderen Betriebssystemen ausgearbeitet wurde, aber nicht auf Ihrem (Ubuntu).
(Das heißt: Haben Sie Ihre "minimale Schriftgröße" in Chrome überprüft - Einstellungen & gt; Unter der Haube & gt; Schriftarten anpassen ... - und Firefox - Einstellungen & gt; Inhalt?)
"sans-serif" kann zu einer anderen Schriftart führen
also wenn du:
Schriftfamilie: Verdana, Sans-Serif;
Sie werden in beiden Browsern ein nahezu pixelgenaues Ergebnis sehen
HTH
Tags und Links css google-chrome firefox fonts antialiasing