서비스명: 지식백과 / 제보자 : 정사라

현상

 
돋움/굴림으로 선언한 페이지에서 영문자를 표현할 경우, 일부 글자에서 자간이 넓어져 띄어쓰기된것 처럼 보입니다.
test url : http://jsbin.com/mebabecave/1
 

오류 화면

정상 화면

원인

• 크롬 윈도우 37정식판부터 글꼴 처리방식을 위한 ‘다이렉트라이트(DirectWrite)’의 기본 옵션이 ‘사용’ 으로 됨.
• 다이렉트라이트(DirectWrite)가 활성화 됐을 경우 ‘굴림’이나 ‘돋움’같은 비트맵 폰트들을 표현 할때 자간을 불규칙하게 만드는 현상이 나타남.

 빌드번호 37.0.2062.94 버전으로 정식 배포된 크롬 브라우저가 글꼴 자간을 불규칙하게 만드는 현상은 윈도7 환경에서 한글 글꼴 중 ‘굴림’이나 ‘돋움’같은 비트맵 폰트를 표시할 때 나타나는 것으로 파악됐다.
http://www.zdnet.co.kr/news/news_view.asp?artice_id=20140915152518
 

해결방법

한글 폰트 선언 전에 verdana같은 window용 영문 폰트를 미리 선언한다.
 
오류 코드

font-family:'돋움',Dotum,Helvetica,sans-serif

정상 코드

font-family:verdana,'돋움',Dotum,Helvetica,sans-serif

참고사항

• http://superuser.com/questions/803637/how-to-disable-directwrite-in-google-chrome-37
• http://www.zdnet.co.kr/news/news_view.asp?artice_id=20140915152518