한글의 웹 글꼴 단위 및 크기 비교

HTML에서 사용하는 한글의 크기/단위를 비교한 표를 만들어보았습니다.

HTML에서의 한글 글꼴의 단위와 크기 비교표를 만들어 보았습니다.

web_font_size_01
갑자기 Hooney님께서 한글 글꼴 크기에 대한 질문을 하셔서, 기존에 만들어둔 html 파일을 드렸지만 워낙 오래전에 만들어 둔데다가 em이나 %는 넣지도 않고, pt와 px만을 비교해 놓은 문서라서 마침 시간도 있고 해서 다시 정리를 해보았습니다.
크기만을 비교한 Approximate Conversion from Points to Pixels (via REEDDESIGN)를 참조하여 스크립트도 넣었어요;

크기 테이블 하단의 것은 윈도우windows와 매킨토시macintosh에서 글꼴군에 대한 예시표입니다.
예전 파일에 같이 있길래 함께 넣어뒀습니다. 하나의 OS만 사용해본 사람이라면 참고 할 만하지 않을까 합니다.

한글의 크기를 비교해보니 위에 참조한 표와는 달리 몇 몇 크기에서 서로 크기가 달랐고, 브라우저 종류에 따라서도 크기가 달라지는 것을 볼 수 있었습니다.
일부 수정을 하긴 했지만 완벽하지 않아서, 시간을 들여 각 브라우저에 따라서 수정을 더 해야할 것 같습니다.

pt와 px만 써보신 분들 이라면 해당 페이지에서 ctrl+휠스크롤 혹은 ctrl+(+), ctrl+(-)를 마구 연타해보도록 해BoA요.
사용자가 원하는 대로 글자 크기가 마구마구 커졌다 줄어들었다 하는 것을 알 수 있습니다.
(혹시나 주체할 수 없이 크기가 작아졌거나 커졌다면 살포시 ctrl+0(숫자0)을 눌러주는 센스.)
글씨가 마구 커지면 테이블이 깨진다고 싫어하는 사람도 있겠지만, 1px의 치밀함 보다는 사용자의 편의를 생각하는 것이 더 인간적이지 않을까하는 생각입니다.
물론 레이아웃도 유동적으로 제작한다면 폰트 크기에 따라 유동적으로 레이아웃이 변하게 됩니다.
(eg. yahoo.com)

관련 URL

목록으로Web Tech