크롬의 font-family 한글 표시 버그

현재 크롬에는 한글 폰트 렌더링 버그가 있다. css를 수정하면 이 버그를 회피할 수 있지만, Wordpress.com에서는 css 수정에 비용이 들기 때문에 비용을 들이지 않으려면 버그가 일어나지 않는 테마를 찾아서 쓰는 수 밖에는 없다.

Advertisements
google_chrome

chrome-korean-font-bug

이전에 Twenty Tweve테마로 변경했다가 크롬에서 폰트가 이상하게 출력되는 문제때문에 다시 현재의 테마로 변경했다는 글을 쓴 적이 있다. 내 주브라우저가 파이어폭스이기 때문에 전혀 인지하지 못하고 있던 것이었는데, serenoh님의 댓글로 크롬에서 폰트가 이상하게 표시된다는 사실을 알게 되었다.

그때는 Twenty Twelve테마가 “Open San”라는 웹폰트를 사용해서 그 것때문에 문제가 생긴 것으로 생각했다. 그러다가 오늘 크롬에서 font-family의 한글 표시에 대한 버그가 있다는 글을 읽고 그 원인을 알 수 있게 되었다.

간단하게 정리하면  css에서 font-family를 정의할 때 한글이 먼저 오도록 정의하지 않으면, 크롬에서 폰트가 깨져 나오는 버그가 있다는 것이다. 링크의 글에서는 버전이 20일 때의 버그라고 되어 있지만 현재의 21버전에서도 같은 현상이 나타나는 듯 싶다. 즉 아래의 예중 두번째의 형태로 css가 작성되어 있어야 크롬에서 한글이 제대로 나오는 것 같다.

p.bug { line-height: 140%; font-size: 14px; font-family: verdana, gulim, ‘굴림’; }
p.good { line-height: 140%; font-size: 14px; font-family: “굴림”, gulim, verdana; }

wordpress.com에서는 무료 사용자는 css를 수정할 수 없으므로, 테마를 다른 것으로 바꾸는 것 외에는 특별한 해결책이 없다. 하지만 기본적으로 이 현상은 크롬의 버그이기 때문에 시간이 지나면 고쳐질 것으로 보인다.

버그가 고쳐지면 다시 Twenty Twelve 테마를 써볼 지 생각해 봐야겠다.

4 thoughts on “크롬의 font-family 한글 표시 버그”

  1. 아 역시.. 크롬 버그였군요^^;
    어쩐지.. 얼마전에 그 문제에 대해 말씀드리고 난 후 다른 블로그 에서도 같은 증상이 보이더라구요..
    다른 국가 언어들도 비슷한 문제가 있으면 저쪽에서 바로 수정을 하겠지만, 한글만 그런다면 구글쪽에서 그리 관심을 가질지 모르겠네요..
    여튼 빨리 고쳐졌으면 좋겠습니다~

    1. 네. 저도 우연히 알게 되었습니다. 그런데 이 버그가 20버전일 때부터 존재해 왔는데, 21버전으로 업그레이드 되면서도 고쳐지지 않았다는 것은 조금 아쉽네요. 저도 빨리 고쳐졌으면 좋겠습니다. ^^

  2. 저도 TweetDeck 같은 크롬어플 사용하다보니 한글문제가 해결되지 않아
    불편함을 많이 느끼고 있거든요.
    얼른 해결되면 좋겠네요~
    참 워드프레스에서 pre 태그로 글을 쓰면 동일현상이 나와서 불편함도 많습니다~
    궁금했던 것인데 정보 고맙습니다~

    1. 크롬의 한글 버그를 피하려면 css를 수정해야 하는데, wordpress.com에서는 css의 수정이 유료라 아쉽네요.
      빨리 버그가 고쳐졌으면 좋겠습니다.

답글 남기기

아래 항목을 채우거나 오른쪽 아이콘 중 하나를 클릭하여 로그 인 하세요:

WordPress.com 로고

WordPress.com의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Twitter 사진

Twitter의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Facebook 사진

Facebook의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

Google+ photo

Google+의 계정을 사용하여 댓글을 남깁니다. 로그아웃 / 변경 )

%s에 연결하는 중