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-serif

    "GT Alpina", Athelas, Cambria, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, serif

    • GT Alpina Regular
    • GT Alpina Regular Italic
    • GT Alpina Bold
    • GT Alpina Bold Italic
  • title, UI

    --font-sans

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

    • Inter Regular
    • Inter Bold
Font size