Skip to contentShopify logoPolaris React

Tokens → Text

NameValueDescription
Commerce
--p-text-heading-3xl-font-family
var(--p-font-family-sans)—
Aa
--p-text-heading-3xl-font-size
var(--p-font-size-900)—
Aa
--p-text-heading-3xl-font-weight
var(--p-font-weight-bold)—
Entrepreneurs
--p-text-heading-3xl-font-letter-spacing
var(--p-font-letter-spacing-densest)—
Hello
World
--p-text-heading-3xl-font-line-height
var(--p-font-line-height-1200)—
Commerce
--p-text-heading-2xl-font-family
var(--p-font-family-sans)—
Aa
--p-text-heading-2xl-font-size
var(--p-font-size-750)—
Aa
--p-text-heading-2xl-font-weight
var(--p-font-weight-bold)—
Entrepreneurs
--p-text-heading-2xl-font-letter-spacing
var(--p-font-letter-spacing-denser)—
Hello
World
--p-text-heading-2xl-font-line-height
var(--p-font-line-height-1000)—
Commerce
--p-text-heading-xl-font-family
var(--p-font-family-sans)—
Aa
--p-text-heading-xl-font-size
var(--p-font-size-600)—
Aa
--p-text-heading-xl-font-weight
var(--p-font-weight-bold)—
Entrepreneurs
--p-text-heading-xl-font-letter-spacing
var(--p-font-letter-spacing-dense)—
Hello
World
--p-text-heading-xl-font-line-height
var(--p-font-line-height-800)—
Commerce
--p-text-heading-lg-font-family
var(--p-font-family-sans)—
Aa
--p-text-heading-lg-font-size
var(--p-font-size-500)—
Aa
--p-text-heading-lg-font-weight
var(--p-font-weight-semibold)—
Entrepreneurs
--p-text-heading-lg-font-letter-spacing
var(--p-font-letter-spacing-dense)—
Hello
World
--p-text-heading-lg-font-line-height
var(--p-font-line-height-600)—
Commerce
--p-text-heading-md-font-family
var(--p-font-family-sans)—
Aa
--p-text-heading-md-font-size
var(--p-font-size-350)—
Aa
--p-text-heading-md-font-weight
var(--p-font-weight-semibold)—
Entrepreneurs
--p-text-heading-md-font-letter-spacing
var(--p-font-letter-spacing-normal)—
Hello
World
--p-text-heading-md-font-line-height
var(--p-font-line-height-500)—
Commerce
--p-text-heading-sm-font-family
var(--p-font-family-sans)—
Aa
--p-text-heading-sm-font-size
var(--p-font-size-325)—
Aa
--p-text-heading-sm-font-weight
var(--p-font-weight-semibold)—
Entrepreneurs
--p-text-heading-sm-font-letter-spacing
var(--p-font-letter-spacing-normal)—
Hello
World
--p-text-heading-sm-font-line-height
var(--p-font-line-height-500)—
Commerce
--p-text-heading-xs-font-family
var(--p-font-family-sans)—
Aa
--p-text-heading-xs-font-size
var(--p-font-size-300)—
Aa
--p-text-heading-xs-font-weight
var(--p-font-weight-semibold)—
Entrepreneurs
--p-text-heading-xs-font-letter-spacing
var(--p-font-letter-spacing-normal)—
Hello
World
--p-text-heading-xs-font-line-height
var(--p-font-line-height-400)—
Commerce
--p-text-body-lg-font-family
var(--p-font-family-sans)—
Aa
--p-text-body-lg-font-size
var(--p-font-size-350)—
Aa
--p-text-body-lg-font-weight
var(--p-font-weight-regular)—
Entrepreneurs
--p-text-body-lg-font-letter-spacing
var(--p-font-letter-spacing-normal)—
Hello
World
--p-text-body-lg-font-line-height
var(--p-font-line-height-500)—
Commerce
--p-text-body-md-font-family
var(--p-font-family-sans)—
Aa
--p-text-body-md-font-size
var(--p-font-size-325)—
Aa
--p-text-body-md-font-weight
var(--p-font-weight-regular)—
Entrepreneurs
--p-text-body-md-font-letter-spacing
var(--p-font-letter-spacing-normal)—
Hello
World
--p-text-body-md-font-line-height
var(--p-font-line-height-500)—
Commerce
--p-text-body-sm-font-family
var(--p-font-family-sans)—
Aa
--p-text-body-sm-font-size
var(--p-font-size-300)—
Aa
--p-text-body-sm-font-weight
var(--p-font-weight-regular)—
Entrepreneurs
--p-text-body-sm-font-letter-spacing
var(--p-font-letter-spacing-normal)—
Hello
World
--p-text-body-sm-font-line-height
var(--p-font-line-height-400)—
Commerce
--p-text-body-xs-font-family
var(--p-font-family-sans)—
Aa
--p-text-body-xs-font-size
var(--p-font-size-275)—
Aa
--p-text-body-xs-font-weight
var(--p-font-weight-regular)—
Entrepreneurs
--p-text-body-xs-font-letter-spacing
var(--p-font-letter-spacing-normal)—
Hello
World
--p-text-body-xs-font-line-height
var(--p-font-line-height-300)—