일반적인 페이지의 글씨 크기
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 단위를 사용하여 폰트 크기를 상대적으로 설정하는 것이 좋습니다
반응형
'개발 > 토막난 상식' 카테고리의 다른 글
function* (generator function) (0) | 2023.03.29 |
---|---|
Redux (0) | 2023.03.29 |
리액트에서 여러패이지마다 태마 색상을 지정해서 사용 (0) | 2023.03.28 |
자주 사용하는 색상 변수명 (0) | 2023.03.28 |
AI가 정리해준 리액트 (0) | 2023.03.28 |