속성값 normal, bold, bolder가 각각 숫자로 표현할 때는 어떤 값인지 궁금해서 찾아보다가
normal : 400
bold : 700 (<b></b> legacy tag, go to a trash 🚮)
But,
bolder & lighter 는 정해진 값이 없고 부모 요소보다 상대적으로 굵거나 얇아짐.
* 해당 폰트의 지원하는 굵기 범위 내에서 적용
* 800 -> extra bold
900 -> black
ref.
https://aboooks.tistory.com/139
[html/css] font-weight 속성 (bold, 100~900, bolder, lighter)
[html/css] 글꼴 굵기를 지정하는 font-weight 속성 (bold, 100~900, bolder, lighter) 오늘은 font-weight 속성을 알아 보겠습니다. font-weight은 사실 bold만 알아두셔도 좋지만, 필요하신 분들을 위해 상세하게 정리
aboooks.tistory.com
https://developer.mozilla.org/ko/docs/Web/CSS/font-weight#%EB%8C%80%EB%B9%84%EC%B1%85fallback
font-weight - CSS: Cascading Style Sheets | MDN
font-weight CSS 속성은 폰트(font)의 가중치(weight)나 굵기(boldness)를 명시한다. 몇몇 폰트들은 normal 나 bold 일 때만 가능하다.
developer.mozilla.org
'A-HA💡 > CSS' 카테고리의 다른 글
[CSS] CSS, SASS, SCSS, LESS (0) | 2024.01.30 |
---|---|
[CSS] 반응형 (1) | 2024.01.22 |
[CSS] 네이밍 (0) | 2023.11.07 |
[CSS] 형제 결합자 of 선택자 (0) | 2023.10.23 |
[CSS] box-sizing: border-box vs. content-box (0) | 2023.10.05 |