Variable Font Inspector
시스템에 설치된 폰트를 선택하고, 원하는 Value를 눌러 미리보기 굵기를 바꿔보세요.
1. 시스템 폰트 선택
브라우저는 설치된 폰트 목록을 제공하지 않습니다. 이름을 정확히 입력하면 해당 폰트가 있으면 적용됩니다.
2. Value(굵기) 선택
숫자를 클릭하면 미리보기의 굵기가 바뀝니다. (가변 폰트의 경우 font-variation-settings: 'wght' n도 함께 설정)
| Value | Description |
|---|---|
| 100 | Thin |
| 200 | Extra-light (Ultra-light) |
| 300 | Light |
| 400 | Normal (Regular) |
| 500 | Medium |
| 600 | Semi-bold (Demi-bold) |
| 700 | Bold |
| 800 | Extra-bold (Ultra-bold) |
| 900 | Black (Heavy) |
현재 선택: 400
3. Preview
CSS
font-weight: 400; font-variation-settings: 'wght' 400;
가나다라마바사라자차카타파하 1234567890
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz