Skip to contentShopify logoPolaris

Tokens β†’ Font

NameValueDescription
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β€”