Skip to content

Font Weight

A font weight as defined in 8.4.

json
{
  "font-weight-default": {
    "$type": "fontWeight",
    "$value": 350
  },
  "font-weight-thick": {
    "$type": "fontWeight",
    "$value": "extra-bold"
  }
}
yaml
font-weight-default:
  $type: fontWeight
  $value: 350
font-weight-thick:
  $type: fontWeight
  $value: extra-bold
PropertyTypeDescription
$typestringRequired. "fontWeight"
$valuenumberRequired. Either a font weight number 1 (lightest) –999 (heaviest), or an approved alias of a font weight number.
$descriptionstring(Optional) A description of this token and its intended usage.

Aliases

A font weight can be a number from 1 (lightest) – 999 (heaviest), but the following string keywords may also be used (and only the following words):

WeightAlias
100thin, hairline
200extra-light, ultra-light
300light
400normal, regular, book
500medium
600semi-bold, demi-bold
700bold
800extra-bold, ultra-bold
900black, heavy
950extra-black, ultra-black

Notes

  • Though this seems similar to a number token, the difference is the string aliases, and the fact that this can only be used for font weights (and typography tokens).

See also