본문 영역
HTML 폰트사이즈 비교 (pt / px / em / %) 상세보기
작성자: 관리자
추천: 0 조회: 3697
폰트는 여러 방법으로 사이즈를 조절합니다. 아래 표를 보고 비슷한 사이즈를 찾을 수 있습니다.
px, pt가 적대적인 크기라면 em, %는 상대적인 크기입니다.
CSS에서 글자 폰트 크기나 width, heignt 등 크기를 지정할 때 다양한 단위를 사용할 수 있습니다.
대부분 HTML 개발 시에는 px 단위를 사용하지만 요즘은 폰트사이즈에 em 단위를 사용해서 웹접근성을 향상시키고 있습니다.
| Point | Pixels | Ems | Percent |
| 6pt | 8px | 0.5em | 50% |
| 7pt | 9px | 0.55em | 55% |
| 7.5pt | 10px | 0.625em | 62.5% |
| 8pt | 11px | 0.7em | 70% |
| 9pt | 12px | 0.75em | 75% |
| 10pt | 13px | 0.8em | 80% |
| 10.5pt | 14px | 0.875em | 87.5% |
| 11pt | 15px | 0.95em | 95% |
| 12pt | 16px | 1em | 100% |
| 13pt | 17px | 1.05em | 105% |
| 13.5pt | 18px | 1.125em | 112.5% |
| 14pt | 19px | 1.2em | 120% |
| 14.5pt | 20px | 1.25em | 125% |
| 15pt | 21px | 1.3em | 130% |
| 16pt | 22px | 1.4em | 140% |
| 17pt | 23px | 1.45em | 145% |
| 18pt | 24px | 1.5em | 50% |
| 20pt | 26px | 1.6em | 160% |
| 22pt | 29px | 1.8em | 180% |
| 24pt | 32px | 2em | 200% |
등록일:
다음글: jQuery easing 효과
