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에서 해주시기 바랍니다.
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 5827 | 10년 전 | 382 | ||
| 5826 | 10년 전 | 372 | ||
| 5825 | 10년 전 | 333 | ||
| 5824 | 10년 전 | 495 | ||
| 5823 | 10년 전 | 513 | ||
| 5822 | 10년 전 | 314 | ||
| 5821 | 10년 전 | 620 | ||
| 5820 | 10년 전 | 924 | ||
| 5819 | 10년 전 | 449 | ||
| 5818 | 10년 전 | 591 | ||
| 5817 |
 ABC디자인 |
10년 전 | 1401 | |
| 5816 | 10년 전 | 420 | ||
| 5815 | 10년 전 | 395 | ||
| 5814 | 10년 전 | 371 | ||
| 5813 |
ABC디자인 |
10년 전 | 1172 | |
| 5812 | 10년 전 | 472 | ||
| 5811 | 10년 전 | 254 | ||
| 5810 | 10년 전 | 283 | ||
| 5809 | 10년 전 | 487 | ||
| 5808 | 10년 전 | 336 | ||
| 5807 | 10년 전 | 307 | ||
| 5806 | 10년 전 | 277 | ||
| 5805 | 10년 전 | 302 | ||
| 5804 | 10년 전 | 296 | ||
| 5803 | 10년 전 | 290 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기