로드 여러 체중 사용자 지정 글꼴은

webfont loader (repo here)와 custom 글꼴, 우리는 기본적으로로드 된 가족과 관련 URL을 정의 정의 :로드 여러 체중 사용자 지정 글꼴은

WebFont.load({ 
    custom: { 
     families : [ "My font" ], 
     urls  : [ "assets/css/fonts.css" ] 
    } 
});

하지만를, 그것은 로더 돈을 '보인다 t는 다중 검출 weightcss 파일 동일한 폰트 정의 :

@font-face { 
    font-family: 'My font'; 
    src: url("../fonts/my-font.eot"); 
    font-weight: normal; 
    font-style: normal; 
} 

@font-face { 
    font-family: 'My font'; 
    src: url("../fonts/my-font.eot"); 
    font-weight: bold; 
    font-style: normal; 
}

그리고, 로더는 active 이벤트를 트리거 할 때 제 FO NT가로드되었습니다.

WebFont.load({ 
    fontactive: function(fontname, fontdescription) { 
     console.log(fontname, fontdescription); 
     // Only trigger once `My font, n4` 
    } 
});

그래서, (자신의 구글 같은 비트 인터페이스를 웹 글꼴) 얻을 수있는 여러 무게가 년대 webfont 로더를 알 수있는 방법이있다 : 우리가 한 번만 트리거 될거야 fontactive 이벤트를 확인하면이 확인 될 수 있는가?

(A 수정은 각 글꼴 두께에 대해 여러 이름을 사용할 수 있지만, 그게 내가 여기 찾고 있어요 해결책이 아니다) 나는 webfontloader의 개발자 중 하나 있어요

출처

2013-01-04 Simon Boudrias

fontactive 이벤트가 * both * 가중치가로드되었을 때 한 번만 트리거되도록 설정되어 있지 않은 것이 확실합니까? 내 테스트에서는 폰트의 규칙적인 폰트와 굵은 폰트가 모두로드되고로드 콜백은 한 번만 수행되었습니다. –

. 맞춤 모듈이 여러 유사 광고를로드 할 수 없다는 것이 맞습니다. 다행히도 최근에 우리는이 지원을 추가 했으므로 웹 폰트 로더 버전을 업그레이드하거나 (Google CDN에서 사용하는 경우) 지원을받을 수 있습니다.

당신은 그것을 좋아 사용할 수 있습니다

WebFont.load({ 
    custom: { 
    families: ['My Font', 'My Other Font:n4,i4,n7'], 
    urls: ['/fonts.css'] 
    } 
});

은 'N4', 'I4'및 '나의 다른 글꼴'의 'N7'변화를로드합니다.

출처

2013-04-01 07:14:24

로드 여러 체중 사용자 지정 글꼴은

답변

관련 문제