This is body text using Courier New. It has a distinctive monospace character that's perfect for readable body content. The font maintains excellent legibility across different sizes and weights.
This is larger body text in Courier New, showing how the font scales well for different text sizes.
// Code example using Courier New mono
function setupFonts() {
return "Metro Nova Pro + Courier New";
}
Small text with Courier New
Extra small text with Courier New
A comprehensive guide to our design system components and utilities.
Display Giant
Display Large
Display
Display Medium
Display Small
Display Condensed
Heading 1
Heading 2
Heading 3
Body Large
Large body text for important paragraphs and introductions.
Body
Regular body text for general content and descriptions.
Small Text
Small text for metadata and supporting information.
Primary Button
Secondary Button
Card description text goes here.
Primary Badge
Primary BadgeSecondary Badge
#secondaryPrimary Link
Primary LinkSecondary Link
Secondary LinkFilm Grain
Vignette