컴퓨터 엑셀 워드 포토샵 구글어스 WINDOWS JAVASCRIPT JAVA C++

 
Friday, February 03, 2006

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


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

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

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

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

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

2 Comments:
At April 24, 2010 at 12:47 AM, Blogger jin park said...

그걸 어디에 붙여야 할지 모르겠네요 ㅠ

 
At April 24, 2010 at 9:20 AM, Blogger mwultong said...

www.blogger.com 로그인 / 대시보드 / 블로그 관리 / 템플릿

으로 찾아가시면 템플릿 편집기가 나옵니다.


편집기 속의 템플릿 코드를 찬찬히 훑어보시면

body { ... 라는 곳이 있는데, 이곳이 페이지 전체의 폰트, 색깔 등을 지정하는 곳이고, 그 속에 또

font-family:Tahoma, Dotum, ... 이런 부분이 있습니다. 여기의 끝에 한글 폰트명을 지정하시면 됩니다.

 

Post a Comment

<< Home RSS 2.0 feed

구글 Google 에서 제공하는 무료 블로그 서비스인 블로거 Blogger 의 인터넷 주소는 www.blogger.com 입니다. Blogger 에 블로그를 만들면, blogspot.com 이라는 주소에 블로그가 생성됩니다.
블로그를 직접 방문하지 않고도 최신 게시물을 구독하려면 RSS 2.0 feed 주소를 리더기에 등록하시면 됩니다.
Previous Posts
Monthly Archives
Top