Ich habe eine Zeit lang diese Website bauen, aber die Schrift I für Header verwenden sieht zerlumpt auf Windows Chrome verwenden, obwohl es auf dem Mac perfekt aussieht oder mit Rand: Link
ich habe versucht verschiedene font glättende Eigenschaften ohne Erfolg und die Verwendung von Text-Schatten macht es seltsam. Gibt es noch etwas, das ich ausprobieren kann?Ragged Website Schrift auf Windows
Die Schriftart ich für Header verwenden unter Windows mit Chrome
Ihre webkit-font-smoothing Regel ein Präfix - fehlt zerlumpt aussieht, sollte es sein -webkit-font-smoothing
das Problem zu lösen, Chrome font-rendering, hinzufügen -webkit-text-stroke: 0.3px;
Unterschied:
Schlusscode:
h1, h2 {
-webkit-font-smoothing: subpixel-antialiased;
-webkit-text-stroke: 0.3px;
}
* Möglicherweise müssen Sie die oben CSS für alle Wähler anzuwenden, die die benutzerdefinierten Schriftarten verwenden.
Vorschau
Ursprüngliche Antwort: https://stackoverflow.com/a/11493510/877671 Abstimmung als Duplikat zu schließen.
Können Sie erklären, was Sie mit * Ragged * meinen? Zeigen Sie auch Screenshots des Unterschieds, das wäre wirklich hilfreich. Ist die von Ihnen verwendete Schriftart für die Verwendung in Webseiten vorgesehen? Bitte beachten Sie, dass verschiedene Betriebssysteme und Browser das Schriftarten-Anti-Aliasing unterschiedlich darstellen. – Aziz
Ich könnte den falschen Begriff benutzt haben, da Englisch nicht meine Muttersprache ist, sorry. Das ist, was ich meine: http://imgur.com/OwX1lXz Einfacher zu einer gezoomten Version zu sehen: http://i.imgur.com/azGaPpf.png – Hissvard
Mögliche Duplikate von [Gibt es "Schriftart Glättung" in Google Chrome?] (Http://stackoverflow.com/questions/11487427/is-there-any-font-smoothing-in-google-chrome) – Aziz