css 공부 : font-weight 속성값 알아보기

font-weight 속성값 알아보기

숫자의 의미를 알아봅시다.

h1 {
  font-weight: 100 /* Thin (Hairline) */
  font-weight: 200 /* Extra Light (Ultra Light) */
  font-weight: 300 /* Light */
  font-weight: 400 /* Normal */
  font-weight: 500 /* Medium */
  font-weight: 600 /* Semi Bold (Demi Bold) */
  font-weight: 700 /* Bold */
  font-weight: 800 /* Extra Bold (Ultra Bold) */
  font-weight: 900 /* Black (Heavy) */
}

설명

100 : Thin
200 : Extra Light
300 : Light
400 : Normal
500 : Medium
600 : Semi Bold
700 : Bold
800 : Extra Bold
900 : Black

bold 는 700 대랑 똑같습니다.
normal 는 400 대랑 비슷합니다.