조사시 Chrome에서 알려진 버그 인 것으로 보입니다. 문제의 원인은 Chrome이 초기 페이지로드 중에 사용자 정의 글꼴을 올바르게 렌더링하지 못할 수 있기 때문입니다. 그러나 CSS 속성이 재전출되면 (예 : 스타일링 링크 위로 호버링함으로써) 글꼴이 보이게됩니다.

이를 해결하기 위해 CSS에만 의존하는 해결 방법이 개발되었습니다. 스타일 시트에 다음 코드를 추가하면 Chrome이 글꼴을 올바르게 렌더링 할 수 있습니다 :

body { -webkit- 애니메이션-지연 : 0.1s; -webkit-animation-name : fontfix; -webkit- 애니메이션 기간 : 0.1s; -webkit-Animation-orderation-Count : 1; -webkit- 애니메이션 타이밍 기능 : 선형; } @-webkit-keyframes fontfix { {불투명도 : 1; } {불투명도 : 1; } }

이 해결 방법은 본질적으로 Chrome이 텍스트를 다시 인쇄하여 문제를 해결하도록 강요합니다. 이것은 CSS 전용 솔루션이며 모든 상황에 적합하지는 않다는 점은 주목할 가치가 있습니다. 그럼에도 불구하고 Chrome에서 Google Fonts 렌더링 문제를 해결하는 효과적인 수단을 제공합니다.