[css] 단위별 폰트크기(px, em, %, pt)

[css] 단위별 폰트크기(px, em, %, pt)

 

CSS 단위별 폰트크기(px, em, %, pt)

 

단위별 폰트의 특징
pt : points(포인트) - 1포인트는 0.72인치
px : pixels(픽셀) - 화면 해상도에 대한 상대크기
%, em - 지정되거나 상속받은 (또는 상위 엘리먼트)에 대한 백분율 상대 크기

대부분의 브라우저는 폰트 사이즈의 기본값이 12pt, 16px, 1em, 100% 입니다.

Pixel to Em Converte 및 자세한 내용은 http://chongmoa.com/extopxViewer 참조

 

PixelsEMsPercentPoints16px1.000em100.0%12pt

6px	0.375em	37.5%	5pt
7px	0.438em	43.8%	5pt
8px	0.500em	50.0%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.750em	75.0%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14pt
19px	1.188em	118.8%	14pt
20px	1.250em	125.0%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.500em	150.0%	18pt

 

출처 : http://chongmoa.com/css/6285