When to Use Which Font Type
Display Fonts
What it is: Highly stylized, decorative, or attention-grabbing fonts. Usually used in large
sizes.
When to use: Headlines, banners, posters, landing page hero text—basically anywhere you want to
make
an
impression.
When not to use: Body text—hard to read in long paragraphs.
Example: “Bebas Neue” for a hero title on a website, or a movie poster font.
Sans Serif Fonts
What it is: Clean fonts without little “feet” (serifs) at the ends of letters. Modern and
minimal.
When to use: Body text on websites, app interfaces, UI elements, presentations. Very readable on
screens.
When not to use: For a formal printed book, sometimes serif is preferred for long-form print.
Example: “Roboto”, “Open Sans”, “Helvetica” for a website body copy or app interface.
Serif Fonts
What it is: Fonts with small strokes or “feet” at the ends of letters. Traditional and classic.
When to use: Print design, formal documents, newspapers, magazines, book text. Adds authority or
elegance.
When not to use: Small screen text (especially mobile), unless the font is optimized for digital
readability.
Example: “Times New Roman” for a report, “Georgia” for a blog article.
Handwriting / Script Fonts
What it is: Fonts that mimic handwriting or calligraphy. Personal and artistic.
When to use: Invitations, greeting cards, logos, quotes, creative projects—anything that
benefits
from
personality.
When not to use: Long paragraphs—very hard to read at small sizes.
Example: “Pacifico” for a logo, or “Dancing Script” for a header.
Monospace Fonts
What it is: Every character takes up the same horizontal space. Classic coding fonts.
When to use: Code snippets, terminal/console displays, technical documents, tables where
alignment
matters.
When not to use: General body text for blogs or articles.
Example: “Courier New” for a code block, “Fira Code” in a programming editor.
Icons (Symbol Fonts)
What it is: Fonts made entirely of icons or symbols instead of letters.
When to use: UI buttons, navigation, toolbars, social media icons—especially when you want
scalable
vector icons without images.
When not to use: Any text-heavy content.
Example: “Font Awesome”, “Material Icons”.
EricJohnson.Tech
Hi, I’m Eric Johnson — a full-stack web developer who builds fast, secure, fully custom websites
from
the ground up.
I don’t use bloated templates or page builders. Every site I create is hand-coded to be clean,
lightweight, and 100% customizable.
That means better performance, better SEO, and a website built specifically for your business — not
a
recycled theme used by thousands of others.
I specialize in helping entrepreneurs and small businesses establish a professional online presence
that
converts visitors into customers.
Whether you need a simple brochure site or a custom web application, I focus on building solutions
that
are:
• Fast-loading
• Mobile responsive
• SEO-optimized
• Secure and scalable
Easy to manage
My goal is simple: build websites that work — technically, visually, and strategically.
If you’re looking for a developer who cares about performance, clean code, and long-term
reliability,
let’s build something great together.
EricJohnson.Tech
Hi, I’m Eric Johnson — a full-stack web developer who builds fast, secure, fully custom websites
from
the ground up.
I don’t use bloated templates or page builders. Every site I create is hand-coded to be clean,
lightweight, and 100% customizable.
That means better performance, better SEO, and a website built specifically for your business — not
a
recycled theme used by thousands of others.
I specialize in helping entrepreneurs and small businesses establish a professional online presence
that
converts visitors into customers.
Whether you need a simple brochure site or a custom web application, I focus on building solutions
that
are:
• Fast-loading
• Mobile responsive
• SEO-optimized
• Secure and scalable
Easy to manage
My goal is simple: build websites that work — technically, visually, and strategically.
If you’re looking for a developer who cares about performance, clean code, and long-term
reliability,
let’s build something great together.