font-face weight

Question

나는 일하고있는 응용 프로그램에서 사용자 정의 글꼴로 구매 글꼴 (Museo Sans)을 사용하고 있습니다. MuseoSans100Regular, MuseoSans300Regular 등등. 다른 가중치로 사용할 파일을 지정하기 위해 @ font-face에 방법이 있습니까?

이것보다 오히려

font-family: MuseoSans; 
font-weight: 300; 

:

font-family: MuseoSans300; 

Answer 1

예, 당신은 어떤 파일을 지정해야 두 개의 서로 다른 @font-face 정의에있는 font-weight에 대한 :

@font-face { 
    font-family: 'MuseoSans'; 
    src: url('../font/museo_sans_100.woff'); 
    font-weight: 100; 
    font-style: normal; 
} 
@font-face { 
    font-family: 'MuseoSans'; 
    src: url('../font/museo_sans_300.woff'); 
    font-weight: 300; 
    font-style: normal; 
} 

h1, p { 
    font-family: MuseoSans; 
} 

h1 { 
    font-weight: 300; /* uses museo_sans_300.woff */ 
} 

p { 
    font-weight: 100; /* uses museo_sans_100.woff*/ 
}