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 멋진 글꼴이
GWL 스크립트를 제거하고 내 글꼴 Awesome CSS를 유지하면 결과가 글꼴 Awesome에 대한 단일로드로 예상되는 결과가됩니다.
같은 동작이 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에서 참조하지 않는 외부 글꼴 군)
heralight 고맙습니다.이 일이 저를 미치게했습니다! 나는 파이어 폭스에서 파이어 버그로 확인하고 있었다는 것을 인정한다. 내가 방금 발견 한 Chrome 내장 도구를 사용하여 시도해 보니 놀라운 것입니다! – Manight
정말 기쁩니다. :) – heralight