Google Chrome で Google フォントが表示されないのはなぜですか?どうすれば修正できますか?

Google Chrome で Google フォントが表示されない: 既知の問題と回避策

WordPress テーマの作業中に次のような問題が発生した場合Google Webfonts が Google Chrome で適切にレンダリングされない問題は、あなただけではありません。この問題は、Chrome の既知のバグとして報告され、認められています。

Google Webfonts のカスタム フォント (この場合は Roboto Slab) を使用して Chrome に初めて Web サイトを読み込むと、テキストがまったく表示されない場合があります。フォールバックフォントが指定されているにもかかわらず。ただし、スタイル付きリンクの上にカーソルを置くか、インスペクターで CSS プロパティを調整すると、テキストが表示されます。

この問題を解決するために、CSS のみの回避策が発見されました。

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

このコードをウェブサイトのスタイルシートに追加すると、実質的に Chrome にテキストの再描画が強制され、レンダリングの問題が効果的に解決されます。

以上がGoogle Chrome で Google フォントが表示されないのはなぜですか?どうすれば修正できますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。