크롬

Question

이 JSFiddle에서 참조하시기 바랍니다 갭 글꼴 얼굴 글꼴 @ 렌더링합니다. 파이어 폭스와 IE에서 글꼴 괜찮 렌더링 :

윈도우 7에서 크롬 (35)에

그러나, Y 문자 다음과 같은 일 사이에 약간의 차이가 있습니다 :

우리 HTML5 Boilerplate CSS 재설정을 사용하고 있기 때문에 Chrome의 버그 또는 글꼴의 문제 일 가능성이 큽니다.

편집 : Chrome 스크린 샷 (두 번째 이미지)에서 글꼴의 무게가 더 작은 것으로 보입니다. 이것은 Stackoverflow가 너비가 너무 커서 두 번째 이미지의 크기를 줄이기 때문입니다.

Answer 1

글꼴에 커닝이 적용되지 않아 이러한 "간격"이 누락되었습니다. Windows에서 Chrome을 사용하고있을 가능성이 있습니다. OSX에서 Chrome을 사용하면 글꼴이 적절하게 잘리는 것으로 나타납니다. 이 Typekit article에서

상세 정보 :

Windows에서 크롬이 전혀 커닝을 지원하지 않습니다, 텍스트를 렌더링 GDI의 사용에 의해 발생합니다. Chrome은 곧 DirectWrite를 사용하여 텍스트 렌더링으로 전환 할 것이므로 Windows Vista 이상에서 커닝 및 기타 OpenType 기능을 지원해야합니다. Kerning은 Firefox 및 Safari 7 (OS X 및 iOS 모두)에서 기본적으로 사용됩니다.