Google 웹 글꼴이 페이지로드시 보이지 않음으로 렌더링됩니다.

Question

예를 보여주는 방법에 대해 상당히 당황 스럽습니다.

내 웹 사이트에 부트 스트랩 사용. Google 웹 글꼴로드 중입니다. 과거에 여러 번 해본 적이 있고 문제가 없었던 것처럼 말입니다.

어떤 이유로 H1과 H2는 마우스로 강조 표시하거나 페이지의 맨 아래로 끝까지 스크롤 한 다음 백업 할 때까지 보이지 않습니다. 때로는 페이지로드시 몇 글자의 맨 아래처럼 글꼴의 작은 비트와 조각을 볼 수 있습니다.

또는 검사 패널을 열고 폰트와 관련된 모든 것을 전환하면 ... 크기, 색상 , 등등. 그들은 나타날 것입니다.

이것은 Chrome에서만 발생합니다.

제안 사항? 전에는 본 적이 없어요.

Answer 1

내 대답은 "이해하지 못해도 기뻤습니다"상황에 더 가깝습니다. 문제가있는 콘텐츠 영역 이전의 콘텐츠 창은 일부 링크에서 webfont를 사용하고있었습니다. 나는 글꼴 크기를 18px로 설정했다. 글꼴 크기를 21px 또는 14px 및 기타 여러 크기로 변경하면 문제가 해결됩니다.

이유를 모르겠 음 ... 아마도 웹 글꼴이 18px 크기와 호환되지 않을 수 있습니까? 그러나 나는 결코 이것에 부딪치지 않았습니다. 그것은 제로 센스를 만듭니다. 어쩌면 누군가가 여전히 주제에 대해 밝힐 수 있습니다.

Answer 2

나는 또한이 문제를 겪고있다. 페이지로드가 완료되면 JavaScript를 사용하여 고민 된 요소의 CSS 속성을 변경하여 "결함 수정"을 수행 할 수있었습니다. jQuery를 사용

예 :

$(window).on('load', function() { $('h1,h2,h3,h4,h5,h6').css('zoom',1); });