Font tokens

This example bundles CSS font-face, iOS system font, and local font declarations under the font token type. It captures weights, styles, and family names for each platform.

See font.tokens.json for the complete document.

Sample tokens

{
  "font": {
    "brand": {
      "$type": "font",
      "$value": {
        "fontType": "css.font-face",
        "family": "Brand Sans",
        "style": "oblique 12deg",
        "weight": 600
      }
    },
    "system": {
      "$type": "font",
      "$value": {
        "fontType": "ios.system",
        "family": "SF Pro Text"
      }
    },
    "web": {
      "$type": "font",
      "$value": {
        "fontType": "css.local",
        "family": "Example Display",
        "style": "italic",
        "weight": "bold"
      }
    }
  }
}