CSS Font-Size Comparative Table 정보
HTML 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 |
추천
2
2
댓글 4개
굉장히 중요한 내용이네요.. 고맙습니다. ^^
말씀대로, 두번째 링크가 더 유용한것 같네요.. em이 상대적인 크기이니.. 맞죠? ^^;
말씀대로, 두번째 링크가 더 유용한것 같네요.. em이 상대적인 크기이니.. 맞죠? ^^;
자세히는 모르고 ㅠ px에서 em으로 넘어가려고 발버둥치고 있는 중입니다... ㅎㅎㅎ
저도 자세히는 몰라요.. 근데, 반응형을 하든, fluid를 하던, 다 em을 사용하더군요..
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;
검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;
검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
귀중한 정보 넘 감사합니다...^--^