Google 글꼴을 사용하고 있으며 $ (window) .load (function() {... 안에 코드가 있습니다. 일부 텍스트는 "로드 중입니다 ..." 구글 글꼴을 사용하는 CSS 속성 글꼴이 텍스트를 제외하고 $ 내부 (창) .load (함수() {코드를 실행하기 전에 페이지에. 내가이 문제를 극복 할 수있는 방법외부 글꼴이 완전히로드 된 후 JavaScript를 실행하십시오.
?
당신은 할 수 있습니다 비동기 (동기?) AJAX 호출로 글꼴 다운로드 여부 확인 :
T 모자는 당신이 요구하는 것을 할 것입니다. 그러나 정직하게 말하자면, 이것은 최고의 사용자 경험이 아닙니다. 나는 대신 "Loading"텍스트의 작은 SVG 이미지를 만들고 그 이미지 만 보여줄 것을 권한다. SVG는 HTML에 코드를 포함시켜 다운로드 한 것이므로 유용합니다.
SVG를 사용할 수 없거나 어떤 이유로 든 JPG 또는 PNG를 선호하는 경우 페이지에 Embedding Base64 Images 이미지 데이터를 포함시킬 수 있습니다.
마지막으로, Internet Explorer 정보를 상관하지 않는 경우, 당신은 정말 이미지를 사용하지 않으려는, 그때는 그냥 @font-face SRC에 데이터 URL을 넣을 수있는 것 같아요. 예 : http://robert.accettura.com/blog/2009/07/03/optimizing-font-face-for-performance/