Heim >Web-Frontend >CSS-Tutorial >Hat Google Chrome Probleme mit der Schriftglättung und wie können diese behoben werden?

Hat Google Chrome Probleme mit der Schriftglättung und wie können diese behoben werden?

Barbara Streisand
Barbara StreisandOriginal
2024-12-01 10:44:16352Durchsuche

Does Google Chrome Have Font Smoothing Issues, and How Can They Be Fixed?

Bietet Google Chrome eine Schriftglättung an?

Google Chrome hat lange Probleme mit der Schriftwiedergabe, insbesondere bei kleinen Schriftgrößen. Obwohl das Problem weiterhin besteht, gab es bedeutende Entwicklungen und mögliche Lösungen zur Linderung des Problems.

Statusaktualisierung (Dezember 2013)

Stand Juni 2014, Chrome-Version 37 wird eine Lösung für das Problem mit der Schriftwiedergabe enthalten. In aktuellen Chrome-Versionen (Stand Mai 2013) fehlt eine geeignete Lösung beim Laden von Schriftarten über verschiedene Methoden wie @import oder Googles webfont.js.

Umgehung durch CSS-Tricks

Obwohl noch keine endgültige Lösung verfügbar ist, können CSS-Tricks das Problem teilweise entschärfen, indem sie die gerenderte Schriftart „glätten“. Eine Problemumgehung besteht darin, mithilfe der Eigenschaft -webkit-text-Stroke einen dünnen Strich zum Text hinzuzufügen:

-webkit-text-stroke: 0.Xpx;

Alternativ können Sie die RGBA-Syntax für einen subtileren Effekt verwenden:

-webkit-text-stroke: 1px rgba(0, 0, 0, 0.1);

Eine weitere Problemumgehung besteht darin, einen falschen Schatten auf den Text anzuwenden:

text-shadow: #fff 0px 1px 1px;

Real Solution (Selbstgehostet). Schriftarten)

Für Schriftarten, die selbst gehostet werden, besteht eine mögliche Lösung darin, Webschriftarten in einer bestimmten Reihenfolge zu laden. TTF/OTF-Schriftartendateien verfügen jetzt über eine breitere Browserunterstützung und liefern möglicherweise bessere Ergebnisse.

Aktive Entwicklung durch Google

Das Google Chrome-Entwicklungsteam arbeitet aktiv zum Problem der Schriftartenwiedergabe. Aktualisierungen zum Lösungszeitplan finden Sie im offiziellen Fehlerbericht.

Beispielvergleiche

Positiv:

  • Links: Firefox 23, Rechts: Chrome 29
  • Oben: Firefox 23, Unten: Chrome 29

Negativ:

  • Chrome 30
  • Chrome 29

Verwendet der Schlaganfall Problemumgehung:

  • Erste Zeile: Standard
  • Zweite Zeile: -webkit-text-Stroke: 0.3px;
  • Dritte Zeile: -webkit-text -Strich: 0,6px;

Blogbeitrag Referenz

Ausführlichere Informationen und Aktualisierungen zum Status des Problems finden Sie im Blogbeitrag: So beheben Sie die hässliche Schriftwiedergabe in Google Chrome.

Das obige ist der detaillierte Inhalt vonHat Google Chrome Probleme mit der Schriftglättung und wie können diese behoben werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn