CSS 폰트 웨이트 속성

정의와 사용법

font-weight 속성은 텍스트의 두께를 설정합니다.

설명

이 속성은 표시되는 요소의 텍스트에 사용되는 글꼴 두께를 설정합니다. 숫자 값 400은 키워드 normal과 동일하며, 700은 bold와 동일합니다. 각 숫자 값에 해당하는 글꼴 두께는 다음 가장 작은 숫자보다 최소한細하고, 다음 가장 큰 숫자보다 최소한 두꺼워야 합니다.

추가로 참조:

CSS 강의:CSS 글꼴

CSS 참조 설명서:CSS 폰트 속성

HTML DOM 참조 설명서:fontWeight 속성

예제

세 개의 문단의 글꼴 두께를 설정합니다:

p.normal {font-weight:normal;}
p.thick {font-weight:bold;}
p.thicker {font-weight:900;}

직접 시도해 보세요

CSS 문법

font-weight: normal|bold|bolder|lighter|number|initial|inherit;

속성 값

값 설명
normal 기본값. 표준 글자를 정의합니다.
bold 불륨 글자를 정의합니다.
bolder 더 두꺼운 글자를 정의합니다.
lighter 더細한 글자를 정의합니다.
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
 빛부터 두꺼운 글자를 정의합니다. 400은 normal과 동일하며, 700은 bold와 동일합니다.
inherit 부모 요소에서 글꼴 두께를 상속받도록 정의합니다.

기술 세부 사항

기본값: normal
상속성: yes
버전: CSS1
JavaScript 문법: object.style.fontWeight="900"

TIY 예제

글꼴 두께 설정
이 예제에서는 글꼴의 두께를 설정하는 방법을 보여줍니다.

브라우저 지원

표의 숫자는 이 속성을 완전히 지원하는 첫 번째 브라우저 버전을 기재하고 있습니다.

크롬 IE / 엣지 파이어폭스 사파리 오페라
2.0 4.0 1.0 1.3 3.5