CSS 단위별 폰트 사이즈

 

CSS 단위별 폰트 사이즈

 

 

 

pixels	ems	perecent	points
6px	0.375em	37.5%	5pt
7px	0.438em	43.8%	5pt
8px	0.5em	50%	6pt
9px	0.563em	56.3%	7pt
10px	0.625em	62.5%	8pt
11px	0.688em	68.8%	8pt
12px	0.75em	75%	9pt
13px	0.813em	81.3%	10pt
14px	0.875em	87.5%	11pt
15px	0.938em	93.8%	11pt
16px	1em	100%	12pt
17px	1.063em	106.3%	13pt
18px	1.125em	112.5%	14Pt
19px	1.188em	118.8%	14pt
20px	1.25em	125%	15pt
21px	1.313em	131.3%	16pt
22px	1.375em	137.5%	17pt
23px	1.438em	143.8%	17pt
24px	1.5em	150%	18pt

 

 

pt :  points(포인트) - 1포인트는 0.72인치

px :  pixels(픽셀) - 화면 해상도에 대한 상대크기

 

%, em : 지정되거나 상속받은 (또는 상위 엘리먼트)에 대한 백분율 상대 크기

 

 

• 보통 PC에서 문서작성이나 화면 출력에 사용하는 글자 크기는 9~11pt인데 반해, 모바일 기기에서는 14pt의 크기가 기본으로사용됩니다. 따라서 글자 크기는 그보다 작아질수록 가독성이 점점 떨어지게 되겠지요?
• http://nexters-team.tistory.com/14  모바일 환경에 최적화된 디자인 (글자 크기, UI 크기) 참고

 

 

 

 

px를 em으로 바꿔주는 사이트

http://pxtoem.com/

 

 

 

[출처] 블루웨이브 Biew 

http://biew.co.kr/9 

[참고]

http://reeddesign.co.uk/test/points-pixels.html