MAML Examples

Appearance

157 - Font Stack ​

Typography font family definitions. This is an example of a MAML document.

maml
{
  fonts: [
    {
      family: "Geist"
      category: "display"
      weights: [
        100
        200
        300
        500
        700
      ]
      variable: true
    }

    {
      family: "JetBrains Mono"
      category: "sans-serif"
      weights: [
        600
        900
      ]
      variable: false
    }

    {
      family: "Source Sans Pro"
      category: "monospace"
      weights: [
        100
        500
      ]
      variable: true
    }

    {
      family: "Inter"
      category: "monospace"
      weights: [
        100
        200
        500
        700
        800
      ]
      variable: true
    }

    {
      family: "Fira Code"
      category: "display"
      weights: [
        200
        300
        600
        700
        800
      ]
      variable: true
    }

    {
      family: "Geist"
      category: "sans-serif"
      weights: [
        100
        400
        600
        700
        900
      ]
      variable: false
    }
  ]
}

See Also ​