파이어폭스: 블로거(blogger.com)의 한글 폰트 문제 해결

파이어폭스에서는 블로거(blogger.com)의 블로그가 이상하게 보일 수 있었다. 텍스트의 일부, 특히 한글 "링크 텍스트"가 이상한 폰트로 아주 작게 표현되어 버리는 것이다. 처음에는 파이어폭스의 버그가 아닌가 했더니 그렇지는 않고 템플릿의 문제였다.

블로거(blogger.com)의 템플릿에는 한글 폰트 정보가 전혀 없다. IE는 한글 폰트를 자기가 적절히 찾아서 보여 주지만, 파이어폭스는 한국 지사가 있는 것도 아니라서 한글 폰트를 다루는 데 서투른 면이 있는 듯하다. 그래서 하드에 있는 '빨랫줄체' 같은 폰트를 랜덤하게 선택해 버리는 것으로 추정된다. (이것은 영문판 파이어폭스의 경우이긴 하지만, 한글판 파이어폭스도 사정은 비슷할 것이다.)

블로거 템플릿의 첫부분에 폰트 지정하는 곳이 있는데, 다음과 같이 한글 폰트 이름을 추가해 주는 것으로 문제가 해결되었다. (필자의 경험상, 한글 폰트 이름은 비록 공백이 없더라도, '돋움' 하는 식으로 따옴표까지 포함해서 입력하는 것이 좋음)

font: small tahoma, "Bitstream Vera Sans", "Trebuchet MS", "Lucida Grande", lucida, helvetica, '돋움', sans-serif;

이 블로그에서 사용하는 템플릿은 "Son of Moto"라는 녹색 템플릿인데 다른 템플릿들도 비슷할 것이라 생각된다.