[CSS] 폰트 크기 px, vw

폰트 사이즈를 정할 때 px, vw, em, % 등 사용할 수 있는 옵션이 다양하다. 그러나 일반적으로 웹에서는 px를 사용한다. 그러나 반응형 웹을 디자인 하기 위해서 vw를 쓰는 경우도 있다.

1vw는 모니터 화면 가로 너비를 100으로 나눈 값을 의미한다. 따라서 화면 사이즈가 달라짐에 따라 자동으로 글씨 사이즈가 조정된다.

그러나 모든 폰트 사이즈를 가변적으로 정하는 것은 좋지 않다. 그렇게 하면 화면이 예측과 다르게 변할 가능성이 커지기 때문이다.

따라서 큰 글씨는 vw로, 작은 글씨는 px로 잡는 것이 좋다.