Google 글꼴이 Chrome에서 렌더링되지 않습니까? 빠른 CSS 수정

Google Chrome에서 Google Webfonts 렌더링 문제

당신은 혼자가 아닙니다! 많은 사람들이 Google Chrome에서 Google Fonts가 렌더링되지 않는 문제를 경험했습니다. 최근에 발생한 것처럼 보이는 이 문제는 필요한 CSS가 포함된 경우에도 발생합니다. 안타깝게도 Georgia와 같은 대체 글꼴이 있음에도 불구하고 처음에는 맞춤 글꼴이 표시되지 않습니다.

Chrome 업데이트 버그?

이것은 실제로 알려진 Chrome 버그인 것 같습니다. 전 세계의 웹 개발자를 좌절시킵니다. 영구적인 문제가 아닌 빠른 수정을 제공하는 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에서 텍스트를 다시 그리도록 요청하여 렌더링 문제.

결론

근본 원인은 여전히 ​​미스터리이지만 이 CSS 전용 솔루션은 Google Fonts 렌더링 문제를 극복할 수 있는 간단하면서도 효과적인 방법을 제공합니다. Google 크롬에서. 이 스니펫을 스타일시트에 통합하면 다시 한 번 화면을 장식하는 맞춤 글꼴을 찾을 수 있습니다!

위 내용은 Google 글꼴이 Chrome에서 렌더링되지 않습니까? 빠른 CSS 수정의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!