fontface in firefox 26-31

-1

파이어 폭스처럼 보이는 것은 내가 원하는 것을 이해하는 데 문제가 있습니다. 크롬은 저를 아주 잘 이해합니다. 그러나 파이어 폭스는 속성에 글자를 쓰려고 할 때 "보통"글꼴을 원한다는 것을 이해하기를 거부합니다. 부모 블럭에 글자처럼 "블로거"를 만듭니다. !?fontface in firefox 26-31

@font-face{ 
    font-family:Myriad; 
    src:url('../fonts/MyriadPro-R.ttf'); 
    font-weight:normal; 
    font-style:normal; 
} 
@font-face{ 
    font-family:Myriad; 
    src:url('../fonts/MyriadPro-B.ttf'); 
    font-weight:bold; 
    font-style:normal; 
} 
@font-face{ 
    font-family:Myriad; 
    src:url('../fonts/MyriadPro-L.ttf'); 
    font-weight:lighter; 
    font-style:normal; 
}

출처

2014-09-03 Eugen Potapenko

왜 무료 웹 글꼴을 사용하지 않습니까? ** 라이선스가있는 ** Myriad Pro 글꼴로드가 올바르게 표시되지 않습니다. CSS 사양에서 'normal' = 400입니다.로드 된 글꼴의 글꼴 두께가 400입니까? 또한'font-family'에서 단 하나의 글꼴을 사용하는 것은 매우 나쁜 습관입니다 (폴백을 제공하지 않음). 특히 사용자 정의 글꼴을 사용하는 폴백 글꼴을 1 개 이상 추가하십시오. – Raptor

그것은 글꼴의 수치 가중치를 사용하는 것이 가장 좋습니다 것은 즉 글꼴 무게에 직면 각 브라우저는 다른 글꼴을 렌더링 (200) 등 때문에 굵은로드 할 때 따라서 당신은 더 큰 차이를 볼 수/라이터 (600)에 비해/400 등

각 글꼴이 지원하는 가중치를 알아 내고 숫자 값을 사용하십시오.

다른 글꼴 무게를 나타내는 글꼴 패밀리 이름을 변경하십시오. 예를 들어, Myriad Light, Myriad Bold, Myriad는 읽기 쉬운 CSS와 혼동을 덜어줍니다.

출처

2014-09-03 10:19:15 jkojoa

lighter 값은 font-weight property inside a @font-face rule의 경우 유효하지 않습니다 (W3C CSS Validator에서 알려줄 것입니다). 숫자 가중치를 대신 사용하십시오. 적절한 값은 글꼴 공급자가 제공 한 정보에서 찾아야합니다.

출처

2014-09-03 16:34:20

fontface in firefox 26-31

답변

관련 문제