Google 웹 글꼴에서 글꼴을로드 할 수 없음을 감지하는 방법

Question

일부 텍스트 문자열을 표시하려면 Google 웹 글꼴을로드하고 있습니다.

Google 웹 글꼴 (예 : 시간 초과 또는 네트워크 문제 등)이로드되지 않는 경우 글꼴 패밀리 스택에 떨어지는 대신 이미지를 표시하고 싶습니다.

Google 웹 글꼴이 성공적으로로드되었는지 여부를 감지하는 방법이 있습니다. 그래서 나는 비슷한 것을 구현할 수있다.

if (Google webfont loads successfully) { 
    //display the string using that font 
} else { 
    //display an image instead 
} 

Answer 1

webfont로드 요청은 페이지의 HTML 노드에 클래스 속성을 생성 할 것이다. Google Webfont Loader (필자는 구글 형 서비스를 있으리라 믿고있어 Typekit와 함께 사용)를 사용하여, 다음과 같은 클래스가 상태 표시됩니다 :

1. 을 WF-비활성 (하나는 당신이 찾고있는)
2. wf- 로드는
3. WF-활성

또한, 당신은 WF-MyFont를 활성 등의 글꼴 특정 클래스를해야합니다.