font

CSS design_tokens/font.css
  
    /* set font family */
    font-family: var(--font-sans);
    /* set line-height corresponding to font size */
    line-height: var(--line-height-70);
    /* set offset corresponding to font family and size to align to baseline */
    padding: var(--font-padding-70);
Font families
  • body

    --font-sans

    "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif

    • Roboto Regular
    • Roboto Bold
  • title

    --font-serif

    "Sang Bleu Kingdom", Athelas, Cambria, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, serif

    • Sang Bleu Kingdom Regular
    • Sang Bleu Kingdom Regular Italic
    • Sang Bleu Kingdom Bold
    • Sang Bleu Kingdom Bold Italic
Modular scale