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

2023. 3. 28. 14:05개발/디자인,UI,UX,figma

반응형

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

  • 본문 텍스트 : 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 단위를 사용하여 폰트 크기를 상대적으로 설정하는 것이 좋습니다

반응형

'개발 > 디자인,UI,UX,figma' 카테고리의 다른 글

웹 모바일 디자인에 관한 고찰  (1) 2024.06.25
원티드 디자인 (피그마)  (2) 2024.04.03
modal 과 drawer 차이  (0) 2023.05.09
자주 사용하는 색상 변수명  (0) 2023.03.28
반응형 웹과 적응형 웹  (0) 2023.03.26