フォントのウェイト名と数値の対応表
| 数値 | 名前 |
|---|---|
| 100 | Thin |
| 200 | Extra Light (Ultra Light) |
| 300 | Light |
| 400 | Normal |
| 500 | Medium |
| 600 | Semi Bold (Demi Bold) |
| 700 | Bold |
| 800 | Extra Bold (Ultra Bold) |
| 900 | Black (Heavy) |
.font-weight {
font-weight: 100; /* thin */
font-weight: 200; /* extra light */
font-weight: 300; /* light */
font-weight: 400; /* normal */
font-weight: 500; /* medium */
font-weight: 600; /* semi bold */
font-weight: 700; /* bold */
font-weight: 800; /* extra bold */
font-weight: 900; /* black */
}