폰트 굵기 조합에서 가장 중요한 것은?

제목이 본문보다 최소 200 이상 굵어야 시각적 위계가 명확해집니다. 700·400 조합이 가장 범용적입니다.

폰트 굵기 수치(100~900)는 무엇을 의미하나요?

CSS font-weight 값으로 400이 Regular, 700이 Bold입니다. 높을수록 더 굵습니다.

시각적 위계가 사라져 어느 것이 제목인지 구분하기 어렵습니다. 반드시 제목을 더 굵게 설정하세요.

제목·본문 폰트 굵기 조합 대비 점수 안내

제목(Heading) 굵기

본문(Body) 굵기

제목과 본문의 폰트 굵기(Weight)를 선택하면 대비 점수와 조합 평가를 즉시 확인할 수 있습니다. 제목과 본문 간 굵기 차이가 클수록 시각적 위계(Hierarchy)가 명확해집니다.

일반적으로 제목은 700(Bold) 이상, 본문은 400(Regular)이 가장 많이 사용됩니다. 굵기 차이가 300 이상이면 강한 대비, 200은 적당한 대비, 100은 미약한 대비입니다. 제목이 본문보다 가벼우면 위계가 역전되어 가독성이 크게 떨어집니다.

미리보기 영역에서 실제 폰트 굵기가 어떻게 보이는지 확인할 수 있습니다. 시스템 폰트 기준이므로 사용할 폰트에 따라 실제 시각적 차이는 달라질 수 있습니다.

폰트에 없는 굵기를 선택하면?

브라우저가 가장 가까운 굵기를 자동으로 대체합니다. 예를 들어 폰트가 400·700만 있다면 600은 700으로, 300은 400으로 표시됩니다.

가장 많이 쓰이는 제목·본문 조합은?

제목 700·본문 400 조합이 가장 범용적입니다. 강조가 필요한 마케팅 자료에는 제목 800~900·본문 300~400 조합을 활용합니다.

굵기 수치(100~900)는 무엇을 의미하나요?

CSS font-weight 값으로 400이 Regular, 700이 Bold에 해당합니다. 숫자가 높을수록 더 굵은 글자입니다.