글꼴의 단위에 따른 크기 비교표
by kukie
브라우저의 기본 글꼴크기(1em/100%)를 기준으로한 글꼴 비교표.
pt/px에 익숙한 제작자/사용자는 CSS 초보가 당황할 만한 것 #2를 참고하시기 바랍니다.
| points | pixels | ems | percent |
|---|---|---|---|
| 글꼴6pt | 글꼴8px | 글꼴0.5em | 글꼴50% |
| 글꼴7pt | 글꼴9.5px | 글꼴0.55em | 글꼴55% |
| 글꼴7.5pt | 글꼴10px | 글꼴0.6em | 글꼴60% |
| 글꼴8pt | 글꼴11px | 글꼴0.7em | 글꼴70% |
| 글꼴 비교하기 9pt | 글꼴 비교하기 12px | 글꼴 비교하기 0.75em | 글꼴 비교하기 75% |
| 글꼴10pt | 글꼴13px | 글꼴0.8em | 글꼴80% |
| 글꼴10.5pt | 글꼴14px | 글꼴0.85em | 글꼴85% |
| 글꼴11pt | 글꼴15px |
글꼴0.95em | 글꼴95% |
| 글꼴12pt | 글꼴16px | 글꼴1em | 글꼴100% |
| 글꼴13pt | 글꼴16.5px | 글꼴1.05em | 글꼴105% |
| 글꼴14pt | 글꼴19px | 글꼴1.1em | 글꼴110% |
| 글꼴15pt | 글꼴20px | 글꼴1.25em | 글꼴125% |
| 글꼴16pt | 글꼴21px | 글꼴1.3em | 글꼴130% |
| 글꼴17pt | 글꼴23px | 글꼴1.45em | 글꼴145% |
| 글꼴18pt | 글꼴24px | 글꼴1.5em | 글꼴150% |
| 글꼴19pt | 글꼴25px | 글꼴1.55em | 글꼴155% |
| 글꼴20pt | 글꼴27px | 글꼴1.7em | 글꼴170% |
| 글꼴21pt | 글꼴28px | 글꼴1.75em | 글꼴175% |
| 글꼴22pt | 글꼴29px | 글꼴1.8em | 글꼴180% |
| 글꼴23pt | 글꼴31px | 글꼴1.95em | 글꼴195% |
| 글꼴24pt | 글꼴32px | 글꼴2em | 글꼴200% |
관련 URL