CSS 폰트 사이즈 단위의 정의

우선 CSS 폰트 단위에는 pt,px,em,% 총 4가지가 있는데

pt 의 경우 픽셀단위의 고정된 크기로써 해상도에 따라 변동하지 않는 고정적인 폰트 단위로 일반 문서작성시 가장 많이 사용되는 단위이다

px 의 경우 pt와 마찬가지로 해상도에 따라 변동하지 않는 고정적인 폰트로써 주로 포토샵에서 사용되는 단위이다

em 의 경우 웹문서에 많이 사용되는 단위로써 해상도에따라 사이즈 조정이 가능하며, 레이아웃을 유동적으로 적용할 수 있기 때문에 접근성이 향상된다

% 의 경우 percent 상대적으로 사이즈 조절이 가능한 단위로 em과 마찬가지로 사이즈 조정이 가능하여 접근성이 향상된다

여기서 크기단위인 px,pt는 절대적인 값이며 em, % 는 상위 엘리먼트의 영향을 받는다

아래의 표는 각 단위를 비교한 표인데 일반적으로 사용되는 12pt의 경우 1.0em과 같다

즉, 최근 추세에 맞게 폰트 설정을 하기위해선 pt,px보다는 em또는 %를 사용하는 것이 좀 더 좋다