Type Test

New Foundation Site Design System Tests using Mozilla Type Family and Foundation Framework

MozillaHeadlineCondensed

Bold Condensed

Semi-Bold Condensed

Regular Condensed

Light Condensed

Extra Light Condensed

Italic

MozillaHeadlineExtended

Bold Extended

Semi-Bold Extended

Regular Extended

Light Extended

Extra Light Extended

Italic

MozillaHeadline

Bold

Semi-Bold

Regular

Light

Extra Light

Italic

MozillaText

Bold

Semi-Bold

Regular

Light

Extra Light

Italic

Heading Examples

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

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

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

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

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

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

Body Text Examples

Body Text Lege: The quick brown fox jumps over the lazy dog

Body Text XLarge: The quick brown fox jumps over the lazy dog

Body Text Large: The quick brown fox jumps over the lazy dog

Body Text Regular: The quick brown fox jumps over the lazy dog

Body Text Small: The quick brown fox jumps over the lazy dog

Body Text Xmall: The quick brown fox jumps over the lazy dog

Pull Quote Examples

Quote Large: The quick brown fox jumps over the lazy dog

Quote: The quick brown fox jumps over the lazy dog

Label Examples

LABEL LARGE: The quick brown fox jumps over the lazy dog

LABEL: The quick brown fox jumps over the lazy dog