내 Google 글꼴이 Google Chrome에 표시되지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?

Google Chrome에 Google 글꼴이 표시되지 않음: 해결 방법이 있는 알려진 문제

WordPress 테마로 작업하는 중 오류가 발생하는 경우 Google 웹폰트가 Google Chrome에서 제대로 렌더링되지 않는 문제는 여러분 뿐만이 아닙니다. 이 문제는 알려진 Chrome 버그로 보고 및 인정되었습니다.

Google Webfonts(이 경우 Roboto Slab)의 맞춤 글꼴을 사용하여 Chrome에서 웹사이트를 처음 로드하면 텍스트가 전혀 표시되지 않을 수 있습니다. 대체 글꼴이 지정되었음에도 불구하고. 그러나 스타일이 지정된 링크 위로 마우스를 가져가거나 Inspector에서 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 글꼴이 Google Chrome에 표시되지 않는 이유는 무엇이며 어떻게 해결할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!