CSS font-weight 글씨 굵기
CSS font속성중 weight는 글씨의 굵기(웨이트)를 설정합니다.
예제
See the Pen Untitled by 날개를달다 (@pmdgstri-the-flexboxer) on CodePen.
기본적으로 normal과 Bold 두가지를 많이 사용합니다.
그리고 숫자 100부터 900까지의 100단위로 속성이 있는데
400은 normal과 700은 bold와 같은 굵기 입니다.
현재 예제에서는 아무리 숫자를 바꿔도 normal과 bold 두종류 밖에 설정되지 않습니다.
그 이유는 글꼴마다 지원하는 굵기가 정해져 있기때문입니다.
더 얇은 굵기나 더 굵은 굵기를 지원하는 글꼴을 따로 찾아서 적용해야 100~900사이의 숫자가 의미가 있습니다.
특수한 경우 아니면 거의 사용될일이 없는 속성이기도 합니다.
ps. 혹시 알고 있는 글꼴이 있으면 댓글로 알려주세요.
관련글
| 날다의 운영환경 | |
|---|---|
| 본체 | DeskTop |
| O S | Windows11 Pro |
| Browser | Google Chrome |
'CSS' 카테고리의 다른 글
| [CSS] 하이퍼링크(a href) 글자 색상 변경하기 (0) | 2025.01.13 |
|---|---|
| [CSS] HTML에서 자주 쓰이는 특수문자 표로 정리( < , > , 공백, 큰따옴표) (0) | 2025.01.09 |
| [CSS] margin, padding 설정 하기 (한줄로 적기 순서) (0) | 2025.01.07 |
| [CSS] 그라데이션 배경을 쉽게 만들수 있게 해주는 uigradients 사이트 사용법 (2) | 2025.01.06 |
| [CSS] 주석으로 설명을 적는 방법 (0) | 2025.01.06 |