테스트 사이트 - 개발 중인 베타 버전입니다

CSS Font-Size Comparative Table

CSS 폰트 크기 비교표입니다.
ㅇ 또다른 사이트 : http://pxtoem.com/ (여기가 더 유용하네요.)
 
Points
Pixels
Ems
Percent
Point(Photoshop) / Gulim
Point(Photoshop) / Dotum
6pt
8px
0.5em
50%
8pt, 9pt
8pt
7pt
9px
0.55em
55%
10pt
9pt, 10pt
7.5pt
10px
0.625em
62.5%
11pt
11pt
8pt
11px
0.7em
70%
12pt, 13pt
12pt
9pt
12px
0.75em
75%
14pt
x
10pt
13px
0.8em
80%
15pt
13pt
10.5pt
14px
0.875em
87.5%
16pt, 17pt
14pt, 15pt
11pt
15px
0.95em
95%
18pt
16pt
12pt
16px
1em
100%
19pt
17pt
13pt
17px
1.05em
105%
20pt, 21pt
18pt, 19pt
13.5pt
18px
1.125em
112.5%
x
20pt
14pt
19px
1.2em
120%
22pt
21pt
14.5pt
20px
1.25em
125%
23pt
22pt
15pt
21px
1.3em
130%
24pt
x
16pt
22px
1.4em
140%
25pt, 26pt
23pt, 24pt
17pt
23px
1.45em
145%
27pt
x
18pt
24px
1.5em
150%
28pt
25pt

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

굉장히 중요한 내용이네요.. 고맙습니다. ^^

말씀대로, 두번째 링크가 더 유용한것 같네요.. em이 상대적인 크기이니.. 맞죠? ^^;
자세히는 모르고 ㅠ px에서 em으로 넘어가려고 발버둥치고 있는 중입니다... ㅎㅎㅎ
저도 자세히는 몰라요.. 근데, 반응형을 하든, fluid를 하던, 다 em을 사용하더군요..
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;

검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
귀중한 정보 넘 감사합니다...^--^

게시글 목록

번호 제목
8050
8048
19969
19968
19967
19966
19965
19964
19963
19962
19961
28345
31017
19960
19959
19958
19957
8039
8035
8029
28344
28339
8019
28338
8017
8010
8007
8004
8003
28332
28322
7999
28317
20956
7992
20945
28314
20936
20931
7986
20925
7982
7979
7978
7975
28307
7973
7966
28305
7963
28300
7961
28297
28295
7959
19948
19947
28292
31016
19946
19945
28286
7958
7956
7952
7946
28285
28283
19943
7944
7936
7931
28279
24666
24663
7928
7923
19941
28274
28257
28249
28248
7914
7912
7911
20912
7908
31755
28233
28232
28228
7903
28217
20900
24662
20891
20882
19936
20853
31011