Font Test
Font Test
This page is designed to help you preview and compare different fonts, sizes, and text styles in a realistic layout. Use the examples below to see how headings, paragraphs, and lists look when you change the typeface or adjust your typography settings.
Main Heading (H1)
This is a sample paragraph placed under an H1 heading. It is long enough to show line spacing, letter spacing, and overall readability in your chosen font. Try scanning this text quickly to judge how comfortable it feels to read.
Section Heading (H2)
This paragraph demonstrates body text under an H2 heading. Notice how the hierarchy between H1 and H2 appears in your selected font. You can use this style for major sections or important content blocks.
Subheading (H3)
Here is another sample paragraph, this time under an H3 subheading. This level is useful for smaller subsections, captions, or supporting notes. Compare its size and weight to the other headings above.
- Bullet list item one for quick scanning
- Bullet list item two with a bit more text
- Bullet list item three to test wrapping
Feel free to replace this content with your own text while keeping the structure, so you can evaluate how your brand voice looks in different fonts.
UI Typography Preview
Primary Button (Bold, Uppercase)
Secondary Button (Medium)
Ghost Button (Regular, Italic)
Form Labels
EMAIL ADDRESS
Password
Confirm password
Input Placeholders
Enter your email
Create a strong password
Search settings
Error & Validation Messages
Error: This field is required.
Password must be at least 8 characters.
Success: Changes saved successfully.
Tooltips & Helper Text
Tooltip (Medium): We only use this to notify you.
Helper text (Regular): You can update this later in your profile.
Small Captions & Meta
Last updated 5 minutes ago
Status: Draft
Press Enter to apply filters
