본문으로 바로가기

[CSS] font-size

category Helloworld!/CSS 2013. 7. 11. 10:04

폰트 사이즈에는 

고정단위인 px(pixels)유동단위인 %(percentages), em(ems) 두가지 타입이 있다.

고정단위인 px는 해상도 및 텍스트 확대, 축소시 고정크기이기 때문에 변화가 없지만

유동단위인 %, em은 확대 축소가 가능하다.


즉, 화면 크기에 따라 유동단위는 폰트 사이즈가 변한다는 것인데

%는 화면의 비율의 퍼센트치로 계산이 된다는걸 어림잡아 알수 있고...

그렇다면 em 계산법은 어떻게 될까.


1em = 16px 이다.

따라서 만약 12px의 크기를 하고싶다면 ? 12px / 16px = 0.75em이 된다

em은 소수점 3자리까지 가능하며 간편하게 폰트사이즈를 확인할 수 있는 사이트도 많이 있으니 검색해서 사용하면 편하다.


추천 사이트는 : http://pxtoem.com/


포스팅 참고 사이트 : http://vipblogger.tistory.com/252#.UdUcYjv0ErU