웹[기술|표준|접근]/작은 팁2007/08/01 12:05

[font series 2]폰트사이즈만 상대적으로 하면 된다?

많은 분들이 폰트사이즈만 상대적으로 생각하시는데..
저는 폰트만 상대크기면 반쪽짜리라고 생각합니다.

만약 폰트만 상대크기로 했을경우 줌브라우징하면 글자만 커졌다 작아졌다 하게 된죠. 그렇게 되면 한줄에 10글자씩 보이던게 한줄에 2글자만 보이게 되는 상황이 연출될 수 도 있는데, 이렇게 되면 글자 하나 읽을때마다 엄청난 스크롤의 압박을 견뎌내야 합니다.

그리고 레이아웃도 깨져서 섹션별로 구분하기가 힘들어 집니다.
예를들어, 다음의 메일함 좌측 메뉴에서 글자크기를 크게 해버리면 그리드가 넘어가버리게 됩니다.
다음의 메일함 좌측 메뉴

이런식으로 정보가 섹션단위로 나뉘어져 있을때, 글자를 크게 해버리면 이 정보가 어느 섹션인지 알 수 없게 되버리는 거죠.
"난 상대크기줘서 글자 켜졌다 작아졌다 하게 해 줫으니깐 책임없어" 라구요?
너무 무책임하시진 않으신가요?

"이렇게 된 사이트가 어딨는데~?" 냐구요?
왜 없겠습니까. 대표적인 예시 사이트가 있습니다. 바로 yahoo.com 이지요.
yahoo.com에 가서 글자크기조절 한번 해보세요. 진정한 줌브라우징에 깜짝(?) 놀라실겁니다. ㅎㅎ

크리에이티브 커먼즈 라이선스
Creative Commons License

'웹[기술|표준|접근] > 작은 팁' 카테고리의 다른 글

[JS] 정규식을 이용하여 ltrim, rtrim, trim 구현하기  (1) 2007/08/31
[JS] timestamp 를 date 형식으로 보여주기(as like php date())  (0) 2007/08/08
[font series 2]폰트사이즈만 상대적으로 하면 된다?  (2) 2007/08/01
[font series 1]웹에서 Font Size 문제..  (2) 2007/08/01
[JS] HTML Attribute Parser  (0) 2007/07/13
[JS] OS 알아내기 (with js & jQuery)  (0) 2007/07/10
Posted by Johan Kim hiphapis
TAG , , , ,
Trackback 0 Comment 2

TRACKBACK http://hiphapis.net/trackback/59 관련글 쓰기

댓글을 달아 주세요

  1. Favicon of http://hyeonseok.com BlogIcon 신현석

    줌레이아웃은 화면이 작을 경우 가로 스크롤이 생기기 때문에 오히려 더 불편할 수도 있습니다. 줌레이아웃을 사용하되 가로 스크롤이 생기지 않게 하는게 좋죠. 이러한 개념을 가진 레이아웃 소개입니다. http://hyeonseok.com/soojung/contents/upload/barcampseoul-hyeonseok.pdf

    2007/08/01 17:15 [ ADDR : EDIT/ DEL : REPLY ]
    • Favicon of http://hiphapis.net BlogIcon 기다림

      아하, 그런 문제점도 있군요!

      PDF에 있는것 처럼 줌브라우징이 된다면 섹션을 벗어나는 일 도 없고 가로 스크롤도 안생기고 잘 볼 수 있겠군요.

      가로세로 양방향 스크롤의 압박보단, 세로스크롤의 압박만 있는게 더 편하겠네요 ㅎㅎ
      (불편하긴 매한가지일려나?)

      좋은자료 감사합니다 :)
      (barcamp때 발표하셨던 자료인가 봐요?)

      2007/08/01 20:19 [ ADDR : EDIT/ DEL ]