メモ

フォントのウェイト名と数値の対応表

公開フォントCSS
数値 名前
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 */
}

参考