suchen
HeimWeb-FrontendCSS-TutorialHat Google Chrome Probleme mit der Schriftglättung und wie können diese behoben werden?

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
Entmystifizierende Bildschirmleser: Zugrunde Formen und Best PracticesEntmystifizierende Bildschirmleser: Zugrunde Formen und Best PracticesMar 08, 2025 am 09:45 AM

Dies ist der 3. Beitrag in einer kleinen Serie, die wir in Form von Barrierefreiheit gemacht haben. Wenn Sie den zweiten Beitrag verpasst haben, lesen Sie "Verwalten des Benutzerfokus mit: Fokus-Sichtbar". In

Erstellen Sie ein JavaScript -Kontaktformular mit dem Smart Forms FrameworkErstellen Sie ein JavaScript -Kontaktformular mit dem Smart Forms FrameworkMar 07, 2025 am 11:33 AM

Dieses Tutorial zeigt, dass professionelle JavaScript-Formulare mithilfe des Frameworks Smart Forms erstellt werden (Hinweis: Nicht mehr verfügbar). Während der Rahmen selbst nicht verfügbar ist, bleiben die Prinzipien und Techniken für andere Formbauer relevant.

Hinzufügen von Kastenschatten zu WordPress -Blöcken und -ElementenHinzufügen von Kastenschatten zu WordPress -Blöcken und -ElementenMar 09, 2025 pm 12:53 PM

Die CSS-Box-Shadow- und Umrisseigenschaften haben Thema gewonnen. JSON-Unterstützung in WordPress 6.1. Sei ein paar Beispiele für die Funktionsweise in realen Themen und welche Optionen wir diese Stile auf WordPress -Blöcke und Elemente anwenden müssen.

Vergleich der 5 besten PHP -Formbauer (und 3 kostenlose Skripte)Vergleich der 5 besten PHP -Formbauer (und 3 kostenlose Skripte)Mar 04, 2025 am 10:22 AM

In diesem Artikel werden die auf dem Envato -Markt verfügbaren Top -Skripte für PHP -Formulierungen untersucht und deren Funktionen, Flexibilität und Design verglichen. Lassen Sie uns vor dem Tauchen in bestimmte Optionen verstehen, was ein PHP -Formular Builder ist und warum Sie einen verwenden würden. Eine PHP -Form

Arbeiten mit GraphQL CachingArbeiten mit GraphQL CachingMar 19, 2025 am 09:36 AM

Wenn Sie kürzlich mit GraphQL gearbeitet oder seine Vor- und Nachteile überprüft haben, haben Sie zweifellos Dinge wie "GraphQL nicht unterstützen Caching" oder gehört

Machen Sie Ihren ersten Seltsamen -Sufle -ÜbergangMachen Sie Ihren ersten Seltsamen -Sufle -ÜbergangMar 15, 2025 am 11:08 AM

Die Sufelte Transition -API bietet eine Möglichkeit, Komponenten zu beleben, wenn sie das Dokument eingeben oder verlassen, einschließlich benutzerdefinierter Svelte -Übergänge.

Show, Don ' TellShow, Don ' TellMar 16, 2025 am 11:49 AM

Wie viel Zeit damit, die Inhaltspräsentation für Ihre Websites zu entwerfen? Wenn Sie einen neuen Blog -Beitrag schreiben oder eine neue Seite erstellen, denken Sie darüber nach

Edle und coole CSS -Scrollbars: Ein SchaufensterEdle und coole CSS -Scrollbars: Ein SchaufensterMar 10, 2025 am 11:37 AM

In diesem Artikel werden wir in die Welt der Scrollbars eintauchen. Ich weiß, es klingt nicht zu glamourös, aber vertrau mir, eine gut gestaltete Seite geht Hand in Hand

See all articles

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SAP NetWeaver Server-Adapter für Eclipse

SAP NetWeaver Server-Adapter für Eclipse

Integrieren Sie Eclipse mit dem SAP NetWeaver-Anwendungsserver.

EditPlus chinesische Crack-Version

EditPlus chinesische Crack-Version

Geringe Größe, Syntaxhervorhebung, unterstützt keine Code-Eingabeaufforderungsfunktion

PHPStorm Mac-Version

PHPStorm Mac-Version

Das neueste (2018.2.1) professionelle, integrierte PHP-Entwicklungstool

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen