Tokens β Font
Name | Value | Description | |
---|---|---|---|
Commerce | --p-font-family-sans | 'Inter', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, 'Helvetica Neue', sans-serif | β |
Commerce | --p-font-family-mono | ui-monospace, SFMono-Regular, 'SF Mono', Consolas, 'Liberation Mono', Menlo, monospace | β |
Aa | --p-font-size-275 | 11px | β |
Aa | --p-font-size-300 | 12px | β |
Aa | --p-font-size-325 | 13px | β |
Aa | --p-font-size-350 | 14px | β |
Aa | --p-font-size-400 | 16px | β |
Aa | --p-font-size-450 | 18px | β |
Aa | --p-font-size-500 | 20px | β |
Aa | --p-font-size-550 | 22px | β |
Aa | --p-font-size-600 | 24px | β |
Aa | --p-font-size-750 | 30px | β |
Aa | --p-font-size-800 | 32px | β |
Aa | --p-font-size-900 | 36px | β |
Aa | --p-font-size-1000 | 40px | β |
Aa | --p-font-weight-regular | 450 | β |
Aa | --p-font-weight-medium | 550 | β |
Aa | --p-font-weight-semibold | 650 | β |
Aa | --p-font-weight-bold | 700 | β |
Entrepreneurs | --p-font-letter-spacing-densest | -0.54px | β |
Entrepreneurs | --p-font-letter-spacing-denser | -0.3px | β |
Entrepreneurs | --p-font-letter-spacing-dense | -0.2px | β |
Entrepreneurs | --p-font-letter-spacing-normal | 0px | β |
Hello World | --p-font-line-height-300 | 12px | β |
Hello World | --p-font-line-height-400 | 16px | β |
Hello World | --p-font-line-height-500 | 20px | β |
Hello World | --p-font-line-height-600 | 24px | β |
Hello World | --p-font-line-height-700 | 28px | β |
Hello World | --p-font-line-height-800 | 32px | β |
Hello World | --p-font-line-height-1000 | 40px | β |
Hello World | --p-font-line-height-1200 | 48px | β |