IE9하지 인식 글꼴 - 무게 : JSFiddle에서 가벼운

봐 : http://jsfiddle.net/vkNtK/1/는IE9하지 인식 글꼴 - 무게 : JSFiddle에서 가벼운

IE9에서 두 수소의 같은 렌더링, 및 기타 모든 현대적인 브라우저에서 첫 번째 글꼴의 빛 버전을 사용합니다. font-weight : lighter를 사용할 때 IE에 더 가벼운 폰트를 사용하게하는 해결책이 있습니까? 선언 되었습니까?

우리는 IE9에 대해 이야기하고 있습니다. IE9에서 작동하지 않는 이유는 무엇입니까?

출처

2012-09-05 Jimbo Jonny

당신은 항상'300' 또는'400'를 사용하여 명시 적으로 글꼴 가중치를 지정할 수 있습니다. – Blender

IE는 IE 4 이후'@ font-face'를 지원했습니다. –

@Blender - 아니요. 질문을 게시하기 전에 오랫동안 노력했지만, 내 프로젝트 또는 JSFiddle에서 문제를 설명하지 않았습니다. –

이 특정 글꼴 또는 Google에서 IE를 사용하는 방식에 문제가있는 것으로 보입니다. 귀하의 코드는 Lato 및 Open Sans와 같은 Book (300) 글꼴 두께를 가진 다른 Google 글꼴에서도 작동합니다.

출처

2012-09-06 09:44:51

왜 누군가가 이것을 떨어 뜨렸는지 모르지만 문제가 해결되지 않을 수도 있지만 그것이 존재하는 이유에 대한 큰 통찰력을 제공합니다. 그리고 그것은 절대적으로 사실입니다 (그냥 직접 테스트했습니다). 나는 그것을 다시 0으로 가져 오려고 upvoting 오전 : –

사실, 지금은 bazillion 구글 글꼴에 대해 (나는 계산 ... 그게 진짜 번호 ...) 그리고 그들 모두 잘 작동 그냥 테스트 오스왈드는 그렇지 않습니다. 그래서 저는 IE가 인식하지 못하는 300 가지 폰트에 대한 실제 폰트 파일에 대해 뭔가가 있기 때문에 문제 자체가 해결되지 않는다고 공식적으로 말할 것입니다. 그래서 나는 당신을 정답으로 수여 할 것입니다. 나머지는 300 옵션을 사용하지 않는 반면, 300은 400보다 20px 낮기 때문에 400을 렌더링하기 위해 IE를 그대로 두는 방법을 추가합니다. 따라서 다른 레이아웃 CSS가 필요합니다. 결론 : Oswald 300을 사용하지 마십시오. –

가벼운 글꼴 및 특정 요소를 타겟팅하기 위해 새 글꼴 패밀리 이름을 만들어이 문제를 해결했습니다. 나는이 글꼴 이름을 IE 용 CSS에서만 사용한다.

@font-face { 
    font-family: 'fontname-light'; 
    src: url('../webfonts/EOT/fontname-light.eot'); 
    src: url('../webfonts/EOT/fontname-light.eot?#iefix') format('embedded-opentype'), 
     url('../webfonts/WOFF/fontname-light.woff') format('woff'), 
     url('../webfonts/TrueType/fontname-light.ttf') format('truetype'); 
    font-weight: lighter; 
    font-style: normal; 
}

출처

2014-06-25 08:09:24 bwaaaaaa

IE9하지 인식 글꼴 - 무게 : JSFiddle에서 가벼운

답변

관련 문제