Fehlerbehebung von Google -Schriftarten, die Probleme in Chrome

Es ist nicht ungewöhnlich, bei der Verwendung von Google -Schriftarten in der Webentwicklung zu begegnen. Ein spezifisches Problem, das in letzter Zeit auf Websites mithilfe von Roboto -Platten in Chrome aufgetreten ist. Während die Schriftart wie erwartet in anderen Browsern erscheint, bleibt sie bei der ersten Seite in Chrome unsichtbar.

Bei der Untersuchung scheint dies ein bekannter Fehler in Chrome zu sein. Die Ursache des Problems ist, dass Chrom während der Last der Anfangsseite manchmal keine benutzerdefinierten Schriftarten korrekt rendern kann. Sobald jedoch eine CSS -Eigenschaft abgelehnt ist (z. B. durch Überschwebung über einen gestalteten Link), wird die Schriftart sichtbar.

Um dies zu lösen, wurde eine Problemumgehung entwickelt, die ausschließlich auf CSS beruht. Wenn Sie Ihren Stylesheet hinzuzufügen, können Sie sicherstellen, dass Chrome die Schriftart korrekt macht:

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 erzwingt Chrome im Wesentlichen, den Text neu zu streichen und das Problem zu lösen. Es ist erwähnenswert, dass dies eine CSS-Lösung ist und möglicherweise nicht für alle Situationen geeignet ist. Dennoch bietet es ein wirksames Mittel zur Behebung der Google -Schriftarten in Chrome.