웹사이트 작업을 하다보면 당연히 css등을 만져야 한다.
그 중에서 폰트 사이즈나 마진 여백이나 패딩등을 넣게 된다.
여러가지의 사이즈가 있을 수 있기 때문에 자주 쓰는 경우라면 외워두도록 하자.
단위야 뭐 px, pt(point), em, rem 등등 많이 있다.
나는 자주쓰는 것이 아직도 px, 폰트 사이즈는 pt이다.
12pt를 자주 쓰게 되는데 페이지 타이틀이라던지 테이블 내용등에 들어가야 하는데 크기를 다르게 해야 할 경우에는 특정 잘 쓰는 사이즈를 제외하고는 정확하게 기억이 나질 않는다.
그리고 픽셀을 포인트로 바꿨을 때 실제 크기가 어떻게 되는지도 늘 헷갈리는 부분이기 때문에 이참에 정리를 해봤다.
먼저 8픽셀부터 20픽셀까지를 포인트로는 어떻게 되는지 알아보자.
20픽셀은 포인트로 14.5pt가 된다.21픽셀 이후는 어떻게 될까.
뭐 더큰 사이즈도 있겠지만 나는 40px을 넘겨서 폰트 사이즈를 쓸 경우가 손에 꼽을 정도이기 때문에 이정도면 충분하다.
픽셀에서 포인트가 얼만지가 궁금하거나 그 반대의 경우에 참고가 될 수 있다.