🔤폰트 가중치 계층 설계 가이드

폰트 패밀리 기반 적정 두께 조합 추천

본문 굵기

계층 단계 수

폰트 굵기로 계층을 표현하는 방법

제목과 본문을 구분할 때 크기만 바꾸는 것보다 굵기(font-weight)를 함께 조절하면 훨씬 안정적인 시각적 위계를 만들 수 있습니다. 다만 400과 500처럼 서로 가까운 굵기를 나란히 쓰면 사람 눈으로는 거의 차이를 느끼지 못해 계층 구분이 흐려집니다. 일반적으로 인접한 단계 사이에 100~200 이상의 차이를 두어야 뚜렷하게 구분되는 굵기 대비를 만들 수 있습니다.

이 도구는 본문에 사용할 기본 굵기와 필요한 계층 단계 수를 선택하면, 100 단위 표준 굵기 값(100~900) 안에서 균등하게 벌어진 조합을 추천해줍니다. 추천된 굵기가 사용 중인 폰트 패밀리에 없다면 가장 가까운 지원 굵기로 대체하고, 부족한 대비는 글자 크기나 색상으로 보완하는 것을 권장합니다.

자주 묻는 질문

굵기 단계 사이에 얼마나 차이를 둬야 하나요?

일반적으로 100~200 단위 이상 차이가 나야 사람 눈에 뚜렷한 굵기 차이로 인식됩니다. 너무 가까운 굵기는 구분이 잘 안 됩니다.

폰트에 해당 굵기가 없으면 어떻게 하나요?

사용 중인 폰트가 지원하는 굵기 목록을 먼저 확인하고, 없는 굵기는 가장 가까운 지원 굵기로 대체하거나 크기·색상 대비로 보완하는 것이 좋습니다.

폰트 굵기로 계층을 표현하는 방법

자주 묻는 질문

같은 카테고리 도구