한눈에 보는 정의
글자 획의 두께. CSS에서는 font-weight로 정하고 보통 100(가장 가늘게)부터 900(가장 굵게)까지 숫자로 쓴다.
이런 말로 들어요
- 제목은 700, 본문은 400으로 통일할게요.
- 이 폰트는 600 굵기가 없어서 굵게 보이는 정도가 달라요.
그림으로 보기
굵기는 보통 100부터 900까지 숫자로 정하고, 본문은 400, 굵은 글씨는 700이 기준입니다. 한 화면에 3~4단계만 씁니다.
하캄솔루션 자체 제작 설명도식자세히 알아보기
굵기는 제목·본문·강조를 구분하는 가장 쉬운 방법입니다. 일반 본문은 400(regular), 굵은 글씨는 700(bold)이 기준입니다. 폰트 파일에 해당 굵기가 들어 있어야 정확히 보이고, 없으면 브라우저가 가장 가까운 굵기로 대신 보여 줍니다. 한 화면에 굵기를 너무 많이 섞으면 무엇이 중요한지 오히려 흐려집니다.
실무 예시
예를 들어 Pretendard처럼 여러 굵기가 있는 폰트라면 제목 700, 소제목 600, 본문 400, 보조 문구 400에 회색처럼 3~4단계로 정해 페이지 전체에 같은 규칙을 씁니다.
함께 살펴볼 점
얇은 굵기(100~300)는 작은 글씨나 밝은 배경에서 읽기 어렵습니다. 필요한 굵기만 불러오면 웹폰트 용량을 줄일 수 있습니다.
AI에게 이렇게 요청해 보세요
사이트 전체 글자 굵기를 제목 700, 소제목 600, 본문 400 세 단계로 정리하는 CSS 변수를 만들어 줘. 웹폰트는 이 세 굵기만 불러오게 해 줘.
코딩·작성 도구에 붙여 쓰기 전에 내 상황에 맞게 바꾸고, 결과는 직접 확인하세요.출처와 검토 정보
- font-weight - MDN Web Docs 새 창
font-weight의 숫자 값(100~900)과 normal·bold 키워드를 확인했습니다.
자료 확인
내용 검토
최초 발행 · 내용 수정