글꼴의 단위에 따른 크기 비교표

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

 

출처: https://kukie.net/resources/design/font_size.html