글꼴 얼굴 - OPERA에서 자신의 글꼴 나던 작업 ,, 알 수없는 속성을 "

Question

.title_font{ 
     font-family: montserrat; 
     src: url("/assets/font/Montserrat-Light.otf") format("opentype"); 
} 
    @font-face { 
font-family: 'montserrat'; 
src: url('/assets/font/Montserrat-Light.otf') format("opentype"); 
font-weight: bold; 

}

측도 이러한 노력의 ... 당신이 나를 도울 수는 알 수없는 속성을 말한다 ... 폰트 경로는? . 좋은

Answer 1

옵션 단계 : 당신이 브라우저가이 그냥 일반적인 시스템 글꼴이 아님을 알아야하며 때문에, WOFF로 OTF 변환하지만, 하나는 온라인 사용을위한 WOFF 구문 분석만큼 엄격하지 않다. 일반 시스템 글꼴 규칙 및 WOFF는 선택적 zlib (WOFF)/brotli (WOFF2) 압축을 사용하여 바이트 단위로 바이트를 ttf/otf로 바꿈으로써 글꼴을 상당히 작게 만듭니다 와이어. 그런 다음

하는조차 원격 선택적 단계 2 : 당신은 단지이 글꼴 가족이 무게가있다 bold (또는 수치 700로 설정 montserrat 및 때 사용할 수 이 자원을 정의하고 CSS에서 같은). 따라서 체중이/400이되고 그 결과로 이 아닌이 표시되는 @ font-face 선언에 매핑되므로 체중을 내릴 때 글꼴 리소스가 적용되지 않습니다.

글꼴을 모든 무게에 적용하려면 @font-face 선언에서 font-weight 제한을 제거하거나 더 나은 방법은 어떤 가중치/스타일 조합에 사용할 자원 목록을 제공하는 것입니다.

@font-face { 
    font-family: montserrat; 
    src: url(.../regular.woff) format("woff"); 
    style: normal; 
    weight: normal; 
} 

@font-face { 
    font-family: montserrat; 
    src: url(.../light.woff) format("woff"); 
    style: normal; 
    weight: 300; 
} 

@font-face { 
    font-family: montserrat; 
    src: url(.../bolditalic.woff) format("woff"); 
    style: italic; 
    weight: bold; 
} 

등등.