bootstrap 이용시 한글 깨짐 현상 해결

By | 2013/05/07

bootstrap_before

bootstrap_after

bootstrap을 작년부터 조금씩 써오고 있는데, bootstrap을 이용한 웹페이지에서는 한글이 깨져보이는 문제가 종종 보였다. 특히 h1, h2 등의 제목 태그(?)를 이용할 때 이런 문제가 발생하는 것 같았는데 그 이유를 전혀 모르고 있다가 최근에서 bootstrap 때문인 것을 알게 되었다.

이 때는 bootstrap.css 파일을 열어서 text-rendering: optimizeLegibility 를 지워버리거나 text-rendering: auto 로 수정하면 문제가 해결된다.