Google-Schriftarten werden in Chrome nicht gerendert? Eine schnelle CSS-Korrektur

Probleme beim Rendern von Google Webfonts in Google Chrome

Sie sind nicht allein! Viele haben Probleme damit, dass Google Fonts in Google Chrome nicht gerendert werden. Dieses scheinbar neue Problem tritt auch dann auf, wenn das erforderliche CSS enthalten ist. Frustrierend ist, dass die benutzerdefinierte Schriftart zunächst nicht angezeigt wird, obwohl es eine Ersatzschriftart wie Georgia gibt.

Chrome-Update-Fehler?

Es scheint, dass es sich tatsächlich um einen bekannten Chrome-Fehler handelt. frustrierende Webentwickler auf der ganzen Welt. Anstelle eines dauerhaften Rückschlags wurde ein reiner CSS-Workaround entwickelt, der eine schnelle Lösung bietet.

CSS-Workaround

Um das Problem zu beheben, fügen Sie einfach die folgenden Codeausschnitte hinzu zu Ihrem Stylesheet:

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

Diese Problemumgehung veranlasst Chrome im Wesentlichen dazu, den Text neu zu zeichnen, wodurch das Rendering behoben wird Problem.

Fazit

Während die zugrunde liegende Ursache immer noch ein Rätsel ist, bietet diese reine CSS-Lösung eine einfache, aber effektive Möglichkeit, das Rendering-Problem von Google Fonts zu lösen Google Chrome. Integrieren Sie diese Snippets in Ihr Stylesheet, und schon werden Ihre benutzerdefinierten Schriftarten wieder auf dem Bildschirm angezeigt!

Das obige ist der detaillierte Inhalt vonGoogle-Schriftarten werden in Chrome nicht gerendert? Eine schnelle CSS-Korrektur. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!