LEEGH.COM

이전 글에서 다음(daum) 해외축구 섹션 웹페이지가 깨진다고 포스팅했었는데요, 그 이유가 다름아닌 파이어폭스 폰트설정에 있었습니다. 저는 파이어폭스 폰트 최소 글꼴크기를 12로 설정해 놓았습니다. 파이어폭스 처음 설치할 때 기본으로 되어있는 설정은 '없음' 으로 되어있지요. 최소 글꼴크기를 12로 설정해 놓으면 영어는 변함없고 한글 글꼴만 크게 보여지게 됩니다. 아래 이미지처럼요.

















이것이 원인이었습니다. 위 이미지처럼 한글폰트가 크고 선명하게 나오게 할려면 최소 글꼴크기를 12로 해놓아야 하는데요, 이렇게 최소글꼴크기를 12로 해 놓으면 웹페이지 레이아웃이 깨지는 웹사이트들이 몇개 있더군요. 그 중 하나가 어제 포스팅한 다음 스포츠 섹션이었습니다. 그리고 칫솔님 블로그도 깨져서 나오더군요.


물론 이 최소 글꼴 크기를 기본 설정인 '없음'이나 12 아래로 설정해 놓으면 다음 스포츠 섹션과 칫솔님 블로그 레이아웃이 깨지지 않고 제대로 나옵니다.

최소 글꼴 크기 말고도 기본 글꼴 크기, 가변폭 글꼴 크기, 고정폭 글꼴 크기가 있는데요, 이 네가지 폰트 크기 설정을 여러 조합으로 섞어보니 한글 글꼴 크기 변경은 요 최소 글꼴 크기가 영향을 주는 것 같더군요. 나머지 세게 옵션은 영어 알파벳 크기에 영향을 미치는 것 같았습니다.

테터앤미디어에서 제공하는 블로그 스킨을 사용하시는 다른 테터앤미디어 파트너들의 블로그에서는 레이아웃이 깨지지 않았습니다. 아마도 칫솔님께서 블로그 스킨을 변경 중이시지 않나 하는 생각을 해봅니다.

다음과 비교해서 네이버에서는 이런 글꼴 설정하에 접속해도 레이아웃이 깨지질 않았습니다. 다음의 분발을 촉구하는 바입니다.

지인우인 일상의 이야기 12폰트, 다음, 레이아웃, 크로스 브라우징