글꼴 단위에 따른 크기 비교표
글꼴의 단위에 따른 크기 비교표
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