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개
13년 전
굉장히 중요한 내용이네요.. 고맙습니다. ^^
말씀대로, 두번째 링크가 더 유용한것 같네요.. em이 상대적인 크기이니.. 맞죠? ^^;
말씀대로, 두번째 링크가 더 유용한것 같네요.. em이 상대적인 크기이니.. 맞죠? ^^;
13년 전
자세히는 모르고 ㅠ px에서 em으로 넘어가려고 발버둥치고 있는 중입니다... ㅎㅎㅎ
13년 전
저도 자세히는 몰라요.. 근데, 반응형을 하든, fluid를 하던, 다 em을 사용하더군요..
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;
검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
저는 솔직히 아직도 %와 의 차이를 잘 모르겠어요.. ^^;
검색을 해보니까, body에서는 %로 주고 그 안에서는 em을 쓰는 것이
거의 자리 잡은것 같네요.. 에궁... 따라야줘뭐.. ^^:
13년 전
귀중한 정보 넘 감사합니다...^--^
게시판 목록
퍼블리셔팁
퍼블리싱과 관련된 유용한 정보를 공유하세요.
질문은 상단의 QA에서 해주시기 바랍니다.
질문은 상단의 QA에서 해주시기 바랍니다.
| 번호 | 분류 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|---|
| 557 | HTML |
 늘푸른세상 |
13년 전 | 3102 | |
| 556 | HTML |
ReeJang
|
13년 전 | 3538 | |
| 555 | HTML | 13년 전 | 8462 | ||
| 554 | HTML | 13년 전 | 2776 | ||
| 553 | HTML |
aequum
|
13년 전 | 2821 | |
| 552 | HTML | 13년 전 | 2728 | ||
| 551 | HTML |
도토리과자
|
13년 전 | 2927 | |
| 550 | HTML | 13년 전 | 2591 | ||
| 549 | HTML | 13년 전 | 3580 | ||
| 548 | HTML |
aequum
|
13년 전 | 3368 | |
| 547 | HTML |
aequum
|
13년 전 | 2957 | |
| 546 | HTML | 13년 전 | 4291 | ||
| 545 | HTML |
aequum
|
13년 전 | 2971 | |
| 544 | HTML |
aequum
|
13년 전 | 10672 | |
| 543 | HTML | 13년 전 | 3167 | ||
| 542 | HTML |
aequum
|
13년 전 | 3196 | |
| 541 | HTML |
aequum
|
13년 전 | 2999 | |
| 540 | HTML |
soing
|
13년 전 | 3706 | |
| 539 | HTML |
aequum
|
13년 전 | 2834 | |
| 538 | HTML |
aequum
|
13년 전 | 4170 | |
| 537 | HTML |
2번호랑이
|
13년 전 | 2197 | |
| 536 | HTML |
aequum
|
13년 전 | 3535 | |
| 535 | HTML | 13년 전 | 2958 | ||
| 534 | HTML |
aequum
|
13년 전 | 3156 | |
| 533 | HTML |
aequum
|
13년 전 | 3090 | |
| 532 | HTML |
aequum
|
13년 전 | 2740 | |
| 531 | HTML |
aequum
|
13년 전 | 4019 | |
| 530 | HTML |
aequum
|
13년 전 | 4542 | |
| 529 | HTML |
aequum
|
13년 전 | 3878 | |
| 528 | HTML |
aequum
|
13년 전 | 4452 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기