CSS 텍스트 크기 px와 pt의 차이

웹 디자인 CSS에서는 글꼴이 자주 사용되며 글꼴 크기를 설정하는 데 일반적으로 사용되는 두 가지 단위인 px와 pt가 있습니다. 이 둘의 차이점은 무엇인가요?

px: 픽셀, 픽셀, 화면에 표시되는 가장 작은 단위.

pt: 포인트, 포인트는 인쇄 업계의 표준 길이 단위로, 1pt = 1/72인치입니다.

Windows에서 기본 디스플레이 설정은 텍스트를 96dpi로 정의합니다. 이는 1px=1/96인치, 1pt=1/72인치를 보여줍니다. 이 설정에서는 1px=0.75pt, 글꼴은 9pt=12px라고 결론을 내릴 수 있습니다.

그러나 사용자는 텍스트에 정의된 dpi 크기를 수정할 수 있습니다. 예를 들어 144dpi로 변경하면 1px=0.5pt이고 글꼴 크기는 9pt=18px입니다. 원래 12px로 구성되었던 텍스트를 이제 18px로 구성해야 합니다. px가 많아지면 텍스트가 더 커지고 읽기 쉬워집니다.

따라서 px와 pt의 차이점은 px는 모니터의 해상도에 따라 변하고, pt는 Windows 시스템의 글꼴 크기 설정에 따라 변한다는 점입니다.