일반적인 페이지의 글씨 크기

2023. 3. 28. 14:05개발/토막난 상식

반응형

물론입니다! 아래는 일반적으로 웹 페이지에서 사용되는 폰트 크기의 예시입니다.

  • 본문 텍스트 : 1rem (기본 폰트 크기 16px 기준으로 16px)
  • 작은 헤딩 : 1.5rem (기본 폰트 크기 16px 기준으로 24px)
  • 중간 헤딩 : 2rem (기본 폰트 크기 16px 기준으로 32px)
  • 큰 헤딩 : 2.5rem (기본 폰트 크기 16px 기준으로 40px)
  • 매우 큰 헤딩 : 3rem (기본 폰트 크기 16px 기준으로 48px)

위의 예시는 일반적인 기준이며, 디자인에 따라서는 더 작은 폰트 크기를 사용할 수도 있습니다. 또한, 모바일 장치에서는 폰트 크기를 더 크게 설정하는 것이 일반적입니다. 따라서, 실제로 사용할 폰트 크기는 디자인과 사용자 환경에 따라 달라질 수 있습니다.

 

 

웹 페이지에서 사용되는 폰트 크기는 일반적으로 16px~20px 사이입니다. 이는 보통 데스크톱 화면에서의 기본 폰트 크기입니다.

하지만 최근에는 모바일 장치에서 웹 페이지를 많이 이용하므로, 모바일에서도 텍스트가 잘 보이도록 폰트 크기를 크게 하는 것이 일반적입니다.

따라서 일반적으로 웹 페이지에서는 폰트 크기를 rem(루트 em) 단위로 설정하는 것이 좋습니다. rem은 기본 폰트 크기를 16px로 가정하므로, rem 단위를 사용하면 폰트 크기를 상대적으로 설정할 수 있습니다.

예를 들어, 웹 페이지에서 헤딩(제목)의 폰트 크기를 2em으로 설정하면, 이는 기본 폰트 크기의 2배인 32px로 표시됩니다. 만약 폰트 크기를 1.2rem으로 설정한다면, 이는 기본 폰트 크기의 1.2배인 19.2px로 표시됩니다.

따라서, 일반적으로 웹 페이지에서 텍스트를 표시하는데 사용되는 폰트 크기는 16px~20px 사이로 설정하고, rem 단위를 사용하여 폰트 크기를 상대적으로 설정하는 것이 좋습니다

반응형