티스토리 툴바

한글 글꼴 css 값 실험 (크기비교)

Posted at 2010/04/29 21:23 // Posted in Network/Experiment
이번에는 한글을 맞추어 해볼려고 합니다. 한글은 많이 쓰지만 좀처럼 맞추기가 쉽지 않은 관계로 한번 정도 실험 해 보는것이 좋겠다고 생각 드네요. 또한 몇몇분이 한글쫌 해 달라고 해서 용기 한번 내 볼려고 합니다. (휘뇨님,이우아님,Popeye님 감사합니다.)

제 컴퓨터에는 한글 폰트가 많이 깔려 있어서 어느 것이 기본인지 모르겠더라구요. 원도우랑 애플이랑 기타 컴퓨터 역시 기본 한글이 틀린 관계로 우선 제것을 기본으로 해서 할려고 합니다.

제것들중에 생각나는것은 돋움,굴림,바탕,궁서 정도 일것 같네요. 더 있겠지만 잘몰라서... 아니 귀차니즘... ^^

1. 먼저 글꼴 크기 비교

글꼴 크기 비교 펼쳐두기..


제가 보기에는 11이하는 보기가 조금 이상하네요.
제가 자주 쓰는 글짜 크기를 애국가 1절에 대입해서 비교 해 보도록 하겠습니다.

2. 크기 비교 테스트

돋움 크기 보기..


16과 18중 18이 더 좋게 보이는게 눈이 삔것인가 싶네요. 물론 다른 속성이 없이 글자 크기만으로 비교한것이라서 좀더 실험해 봐야 겠다는 생각이 듭니다.
개인적으로는 13,14,24를 추천 하겠습니다.

굴림 크기 보기..


제가 보기에는 돋움 12보다는 굴림 12가 더 보기 좋네요.
16,18은 역시 중간 제목으로 쓰기 좋고 22는 굴림도 역시네요.
개인적으로는 12, 14, 18를 추천 하겠습니다.

바탕 크기 보기..


바탕은 12보다는 13이 더 좋게 보이는 군요.
16은 왠지 14랑 비슷하고 18은 꽉찮느낌이 드네요.
개인적으로는 보통글 13, 14을 제목 18, 24, 36를 추천 하겠습니다.
제 블로그에 제목으로 쓰지만 구분식으로는 바탕을 추천합니다.

궁서 크기 보기..


궁서는 GG...
대체로 큰게 좋게 보이는 군요.

3. 결론

위의 펼처보기 보시면 11px은 글짜가 겹치고, 22px은 글짜가 깨지는 부분이 보이네요.
보통 글은 12 ~ 14px 이 보기가 좋네요. 제목으로는 궁서/바탕도 썩 나쁘지는 않네요. ㅋㅋ
12부터 배수로 보여지는게 더 좋고 24부터는 'line-height'를 써서 간격 조정하는게 좋다고 봅니다.
역시 뻘짖... :)

이야기 ...

http://r5xs.tistory.com/trackback/316 관련글 쓰기

  1. 다섯방울의 생각 // rain5x's me2DAY 2010/05/03 18:21 [Delete]
blog comments powered by Disqus
  1. 2010/04/29 22:53 [Edit/Del] [Reply]
    오오 제 이름이 올라와있다니 영광입니다 ㅠㅠ

    이걸보니 굴림도 꽤 괜찮다는 생각이 드네요

    잘 보고갑니다.

    홧팅!
  2. 2010/05/01 22:07 [Edit/Del] [Reply]
    다섯방울님의 수고로 많은분들이 시간 절약은 물론 도움이 되었을 것입니다. 저 역시 그 중 1인이구요^^ 고맙습니다.

댓글을 남겨주세요

Name *

Password *

Link (Your Homepage or Blog)

Comment

Secret

... ...