Detected Font Families

Headings Font

Aa Bb Cc 123

Body Font

Aa Bb Cc 123

Heading Styles

Heading 1: The quick brown fox jumps over the lazy dog

CSS Class: has-heading-1-font-size

Heading 2: The quick brown fox jumps over the lazy dog

CSS Class: has-heading-2-font-size

Heading 3: The quick brown fox jumps over the lazy dog

CSS Class: has-heading-3-font-size

Heading 4: The quick brown fox jumps over the lazy dog

CSS Class: has-heading-4-font-size

Heading 5: The quick brown fox jumps over the lazy dog

CSS Class: has-heading-5-font-size

Heading 6: The quick brown fox jumps over the lazy dog

CSS Class: has-heading-6-font-size

Subheading Styles

Subheading XL: The quick brown fox jumps over the lazy dog

CSS Class: has-subheading-xl-font-size

Subheading L: The quick brown fox jumps over the lazy dog

CSS Class: has-subheading-l-font-size

Subheading M: The quick brown fox jumps over the lazy dog

CSS Class: has-subheading-m-font-size

Subheading S: The quick brown fox jumps over the lazy dog

CSS Class: has-subheading-s-font-size

Subheading XS: The quick brown fox jumps over the lazy dog

CSS Class: has-subheading-xs-font-size

Button Typography

BUTTON L: CLICK ME

CSS Class: has-button-l-font-size

BUTTON M: CLICK ME

CSS Class: has-button-m-font-size

BUTTON S: CLICK ME

CSS Class: has-button-s-font-size

Body Text Styles

Small text: The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

CSS Class: has-small-font-size

Medium text: The quick brown fox jumps over the lazy dog. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

CSS Class: has-medium-font-size

CSS Variables (Raw)

Font Size Variables

Variable Name	Value

Line Height Variables

Variable Name	Value

Font Family Variables

Variable Name	Value