폰트는 여러 방법으로 사이즈를 조절합니다. 아래 표를 보고 비슷한 사이즈를 찾을 수 있습니다.

 

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%

 

 

코드 : <font style="font-size:12pt;">12pt</font>
         <font style="font-size:16px;">16px</font>
         <font style="font-size:1em;">1em</font>
         <font style="font-size:100%;">100%</font>


이 게시물을..