PolarisTokens → 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 | — |