Fonts in tokens

CSS Text

font-family

serif | sans-serif | monospace | cursive | fantasy;

font-size

length | xx-small | x-small | small | xx-large | x-large | large | larger | medium | smaller | initial | inherit;

font-style

italic | normal | oblique | initial | inherit;

font-weight

normal | 100 (thin) | 200 (extra light) | 300 (light) | 400 (normal) | 500 (medium) | 600 (semi bold) | 700 (bold) | 800 (extra bold) | 900 (black) | initial | inherit;

font-variant

small-caps | normal | initial | inherit;

font-stretch

normal | semi-condensed | condensed | extra-condensed | ultra-condensed | semi-expanded | expanded | extra-expanded | ultra-expanded;

text-decoration

underline | line-through | double | overline | dashed

text-shadow

horizontal-shadow vertical-shadow blur-radius color;

text-align

left | right | center | justify;

letter-spacing

length | normal | initial | inherit;

word-spacing

length | normal | initial | inherit;

word-wrap

normal | break-word | initial | inherit;

line-height

length | normal | initial | inherit;

text-transform

capitalize | lowercase | uppercase | none | initial | inherit;

text-indent

length | initial | inherit;

text-justify

inter-character | inter-word | auto | none | initial | inherit;

text-emphasis

dot | sesame | double-circle | open | circle | triangle | filled | none;

white-space

pre-wrap | pre-line | nowrap | pre | normal | initial | inherit;

text-overflow

ellipsis | clip | initial | inherit;

font-variation-settings

  • wght
  • GRAD