Warum werden meine Google-Schriftarten nicht in Google Chrome angezeigt und wie kann ich das Problem beheben?

Google Fonts werden in Google Chrome nicht angezeigt: Ein bekanntes Problem mit einer Problemumgehung

Wenn Sie an einem WordPress-Theme arbeiten und auf ein Problem stoßen Problem, bei dem Google Webfonts in Google Chrome nicht richtig gerendert werden, sind Sie nicht allein. Dieses Problem wurde gemeldet und als bekannter Chrome-Fehler anerkannt.

Wenn Sie zum ersten Mal eine Website in Chrome mit einer benutzerdefinierten Schriftart von Google Webfonts (in diesem Fall Roboto Slab) laden, wird der Text möglicherweise überhaupt nicht angezeigt obwohl eine Fallback-Schriftart angegeben wurde. Wenn Sie jedoch mit der Maus über den gestalteten Link fahren oder eine CSS-Eigenschaft im Inspektor anpassen, wird der Text sichtbar.

Um dieses Problem zu beheben, wurde eine reine CSS-Problemumgehung entdeckt:

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; }
}

Durch das Hinzufügen dieses Codes zum Stylesheet Ihrer Website zwingen Sie Chrome im Wesentlichen dazu, den Text neu zu zeichnen, wodurch das Rendering-Problem effektiv gelöst wird.

Das obige ist der detaillierte Inhalt vonWarum werden meine Google-Schriftarten nicht in Google Chrome angezeigt und wie kann ich das Problem beheben?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!