2013-03-24 6 views
1

Google Webfont Loader (GWL)를 비동기 모드에서 Font Awesome 글꼴과 결합 할 때 매우 이상한 동작이 발생합니다.Google Webfont Loader + FontAwesome issue

GWL을 사용하여 두 개의 사용자 지정 글꼴을로드하면 Font Awesome 글꼴이 두 번로드됩니다.

evacss/FONT-families.css 내부
<script type="text/javascript"> 
    WebFontConfig = { 
     custom: { families: ['proxima-nova', 'museo-slab'], urls: ['evacss/font-families.css'] } 
    }; 
    (function() { 
     var wf = document.createElement('script'); 
     wf.src = 'evajs/webfont.js'; 
     wf.type = 'text/javascript'; 
     wf.async = 'true'; 
     var s = document.getElementsByTagName('script')[0]; 
     s.parentNode.insertBefore(wf, s); 
    })(); 
</script> 

내가 (PROXIMA - 노바와 박물관 - 슬래브) NO 글꼴 굉장 정의 위의 두 글꼴의 글꼴 - 가족의 정의가 : 이것은 내가 GWL에 사용하는 코드입니다 거기에

다음이 전에 클래식

<link rel="stylesheet" type="text/css" href="evacss/font-awesome.css"> 

느릅 나무로드 자체 글꼴 - 가족의 정의

그러나 결과는 i 멋진 글꼴이 Click to watch

GWL 스크립트를 제거하고 내 글꼴 Awesome CSS를 유지하면 결과가 글꼴 Awesome에 대한 단일로드로 예상되는 결과가됩니다.

Click to watch

같은 동작이 webfont.js 좀 더 일반적인 방법에 대한에 (굉장 내 글꼴에 대한 이중 다운로드를 트리거 왜 난 정말 이해가 안

<script src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> 
<script> 
    WebFont.load({ 
     custom: { families: ['proxima-nova', 'museo-slab'], urls: ['evacss/font-families.min.css'] } 
    }); 
</script> 

GWL

이 버전의 발생 어떤 방식 으로든 GWL에서 참조하지 않는 외부 글꼴 군)

답변

1

이 버그는 방화 녀에게서 나왔고, 크롬으로 시도하거나 방화범없이 연결을 듣습니다.

+0

heralight 고맙습니다.이 일이 저를 미치게했습니다! 나는 파이어 폭스에서 파이어 버그로 확인하고 있었다는 것을 인정한다. 내가 방금 발견 한 Chrome 내장 도구를 사용하여 시도해 보니 놀라운 것입니다! – Manight

+0

정말 기쁩니다. :) – heralight

관련 문제