🐡

フォントのWeightの数値 ←→ Weightの名前

2022/10/11に公開

デザインではフォントのweightは数値で指定されることが多いです。
開発SDKによってweightは名前で指定するため、デザインの数値はどのweightなのか確信がないことがよくあります(私は)。なのでここにまとめを残しておきます。

数値 名前
100 Thin (Hairline)
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)
950 Extra Black (Ultra Black)

参考:https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight

Discussion