Typography

These are the typography tokens used in the website. Tokens marked md are (generally) used for desktop and tokens marked sm are used for mobile. A token without a size suffix is responsive and will adjust based on the screen size.

Font 1
.font-heading-1();How vexingly quick daft zebras jump!
.font-heading-1-md();How vexingly quick daft zebras jump!
.font-heading-1-sm();How vexingly quick daft zebras jump!
Font 2
.font-heading-2();How vexingly quick daft zebras jump!
.font-heading-2-md();How vexingly quick daft zebras jump!
.font-heading-2-sm();How vexingly quick daft zebras jump!
Font 3
.font-heading-3();How vexingly quick daft zebras jump!
.font-heading-3-md();How vexingly quick daft zebras jump!
.font-heading-3-sm();How vexingly quick daft zebras jump!
Font 4
.font-heading-4();How vexingly quick daft zebras jump!
.font-heading-4-md();How vexingly quick daft zebras jump!
.font-heading-4-sm();How vexingly quick daft zebras jump!
Font 5
.font-heading-5();How vexingly quick daft zebras jump!
.font-heading-5-md();How vexingly quick daft zebras jump!
.font-heading-5-sm();How vexingly quick daft zebras jump!
Font 6
.font-heading-6();How vexingly quick daft zebras jump!
.font-heading-6-md();How vexingly quick daft zebras jump!
.font-heading-6-sm();How vexingly quick daft zebras jump!
Font Lead
.font-lead();How vexingly quick daft zebras jump!
.font-lead-md();How vexingly quick daft zebras jump!
.font-lead-sm();How vexingly quick daft zebras jump!
Font Blockquote
.font-blockquote();How vexingly quick daft zebras jump!
.font-blockquote-md();How vexingly quick daft zebras jump!
.font-blockquote-sm();How vexingly quick daft zebras jump!
Font Text
.font-text();How vexingly quick daft zebras jump!
.font-text-sm();How vexingly quick daft zebras jump!
.font-text-md();How vexingly quick daft zebras jump!
Font Small
.font-small();How vexingly quick daft zebras jump!
.font-small-md();How vexingly quick daft zebras jump!
.font-small-sm();How vexingly quick daft zebras jump!
Font Label
.font-label();How vexingly quick daft zebras jump!
.font-label-sm();How vexingly quick daft zebras jump!
.font-label-md();How vexingly quick daft zebras jump!
Font Chip
.font-chip();How vexingly quick daft zebras jump!
.font-chip-sm();How vexingly quick daft zebras jump!
.font-chip-md();How vexingly quick daft zebras jump!