글자 굵기 바꾸는 방법 - font-weight
font-weight
font-weight 속성으로 글자의 굵기를 지정합니다.
기본형
font-weight : normal | bold | bolder | lighter | number- normal : 보통 굵기입니다. 숫자 400과 같습니다.
- bold : 굵은 굵기입니다. 숫자 700과 같습니다.
- bolder : 상속된 값보다 굵은 굵기입니다.
- lighter : 상속된 값보다 얇은 굵기입니다.
- number : 100, 200, 300, 400, 500, 600, 700, 800, 900
예제
나타낼 수 있는 굵기는 글꼴에 따라 다릅니다. 예를 들어, 고딕 A1(Gothic A1)이
본고딕(Noto Sans KR)보다 표현할 수 있는 굵기가 더 많습니다.
data-editable="true"
data-preview="true"
data-default-tab="result"
data-height="600"
data-pen-title="CSS 글자 굵기 정하는 방법 font-weight 예제"
data-slug-hash="poyBdqO"
data-theme-id="light"
data-user="LiveBlogger"
style="align-items: center; border: 2px solid; box-sizing: border-box; display: flex; height: 600px; justify-content: center; margin: 1em 0px; padding: 1em;"
>
로딩 중... 잠시만 기다려주세요.
자바스크립트를 허용해주세요.