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

CSS Font-Size Comparative Table

· 13년 전 · 1473 · 4
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이 상대적인 크기이니.. 맞죠? ^^;
13년 전
자세히는 모르고 ㅠ px에서 em으로 넘어가려고 발버둥치고 있는 중입니다... ㅎㅎㅎ
저도 자세히는 몰라요.. 근데, 반응형을 하든, fluid를 하던, 다 em을 사용하더군요..
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;

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

게시글 목록

번호 제목
32341
32339
32326
32325
32322
32319
32318
32316
32315
32313
32312
32311
32310
32304
32303
32300
32293
32292
32291
32285
32284
32275
32271
32268
32265
32261
32258
32257
32255
32254
32253
32251
32250
32249
32247
32246
32245
32244
32243
32242
32241
32240
32239
32238
32237
32236
32232
32229
32228
32227
32217
32215
32214
32213
32211
32207
32196
32193
32192
32190
32188
32186
32184
32173
32172
32171
32167
32165
32163
32162
32158
32157
32155
32151
32149
32135
32132
32127
32125
32122
32120
32119
32117
32116
32115
32114
32112
32111
32109
32107
32104
32103
32102
32101
32094
32089
20404
31036
8279
8268