Types of Fonts: A Guide to Font Styles

Almost every font belongs to one of a few main types: serif, sans serif, script, handwritten, display, blackletter and monospace. This guide explains each type of font in plain words, with its sub-styles, what it is best for and real examples, plus a summary table and tips on choosing and pairing font styles.

Types of fonts guide with serif, grotesk sans serif, script and blackletter font examples

Every example font on this page:

  • Made by UI Creative; file formats and license are on each font’s spec line
  • Each type section links to a larger collection of that style

What are the main types of fonts?

There are seven main types of fonts: serif (small strokes on the letter ends), sans serif (no strokes), script (joined, flowing handwriting), handwritten (casual pen or marker writing), display or decorative (made for big headlines), blackletter (medieval Gothic letters) and monospace (every letter the same width). Serif and sans serif are split further into sub-styles such as old style, didone, slab, grotesque and geometric.

Font typeWhat it looks likeBest for
SerifSmall strokes at the letter endsBooks, editorial, formal and luxury brands
Slab serifThick, block-shaped serifsPosters, headlines, packaging
Sans serifNo serifs, clean strokesWebsites, apps, modern logos, body text on screens
ScriptJoined, flowing lettersInvitations, signatures, beauty logos
HandwrittenCasual pen or marker writingPersonal brands, notes, social media
Display / decorativeUnusual shapes made to be bigHeadlines, posters, logos, covers
BlackletterDense, angular Gothic lettersMastheads, labels, tattoos
MonospaceEvery character the same widthCode, data, typewriter-style designs

Serif fonts

Serif fonts have small strokes, called serifs, at the ends of the letters. They are the oldest type of printed font and feel classic, trustworthy and literary.

  • Old style: low contrast between thick and thin strokes, slanted curves and a warm, bookish feel (like Garamond).
  • Transitional: sharper and more upright than old style, with more contrast (like Times New Roman and Baskerville).
  • Didone or modern: extreme contrast between hairline and thick strokes, flat thin serifs; the fashion-magazine look (like Didot and Bodoni).
  • Slab serif: thick, block-like serifs; covered in its own section below.

Best for: Books, newspapers, editorial design, luxury and heritage brands, formal documents.

Examples from UI Creative:

Voltaire Frangela elegant serif font in white on deep blue

1. Voltaire Frangela

An elegant high-contrast serif in white on deep blue, with fine line art and small sparkles. A clear example of the modern, fashion-style serif for branding, covers and invitations.

Porsha Richela modern serif font in cream on warm brown

2. Porsha Richela

A soft modern serif with rounded, flared letters, in cream on warm brown with arch shapes. A contemporary take on the serif for beauty, lifestyle and social media brands.

Watch Quinn elegant classic serif font in white on purple

3. Watch Quinn

A classic serif with Victorian touches, in white on deep purple and labelled elegant and classic. A good example of a traditional, bookish serif for headings and branding.

New Bashopilias retro serif font in teal on beige with a red arch

4. New Bashopilias

A retro headline serif family in dark teal on beige under a red arch. Moderate contrast and sturdy serifs make it a readable all-round serif for headlines and packaging.

Diorama Mudixon modern serif font in navy with an orange sun and skyline

5. Diorama Mudixon

A low-contrast modern serif with round, geometric letters, in navy over an orange sun and a city skyline. Friendly and current for posters and brand names.

See more in our modern serif fonts.

Slab serif fonts

Slab serifs have thick, square, block-like serifs and fairly even strokes. They feel solid, bold and a little industrial or typewriter-like.

Best for: Posters, headlines, packaging, signage and brands that want to look sturdy or retro.

Examples from UI Creative:

Palomas condensed slab serif font in white on dark blue

6. Palomas

A tall, condensed slab serif in white capitals on a dark blue background with teal and orange shapes; the preview calls it a modern slab serif. Neat and casual for posters and labels.

Smackers Display slab style serif font in white on deep red

7. Smackers Display

A serif family with heavy, squared serifs in white on deep red, above a boxed family serif font label. Bold and retro for headlines, menus and packaging.

See more in our slab serif fonts.

Sans serif fonts

Sans serif fonts have no serifs, just clean strokes. They feel modern, simple and neutral, and they are the default for screens, apps and most new brands.

  • Grotesque: the earliest sans serifs, slightly quirky with some stroke contrast (like Franklin Gothic).
  • Neo-grotesque: plainer and more uniform, very neutral (like Helvetica and Arial).
  • Geometric: built from circles and straight lines, with round o’s (like Futura and Montserrat).
  • Humanist: based on handwriting, with open, slightly varied strokes that read well small (like Gill Sans and Open Sans).

Best for: Websites, apps, user interfaces, logos for tech and modern brands, signage and body text on screens.

Examples from UI Creative:

Mondapick geometric sans serif font family in black on green

8. Mondapick

A bold, rounded geometric sans in black on bright green, shown as a 9-font family on the preview. A good example of a geometric sans for logos, apps and modern brands.

Overmature Grotesk neue grotesk sans serif font family on black

9. Overmature Grotesk

A condensed neue grotesk family in white on black next to a portrait, with a 9-styles badge on the preview. A clear example of a grotesk sans for editorial headlines and fashion.

See more in our sans serif fonts.

Script fonts

Script fonts imitate joined-up handwriting or calligraphy, with flowing strokes that usually connect from letter to letter.

  • Formal script: elegant, looped letters based on copperplate pen writing; for weddings and invitations.
  • Casual script: relaxed, brush- or marker-like scripts with an informal feel.
  • Calligraphy: letters that copy pen or brush calligraphy, with visible thick and thin strokes.

Best for: Wedding invitations, greeting cards, signatures, beauty and fashion logos, short headlines.

Examples from UI Creative:

Bangeline Pahronia calligraphy script font in black on cream

10. Bangeline Pahronia

A slanted calligraphy script with long, looping strokes, in black on cream paper. A clear example of pen calligraphy for wedding invitations, stationery and signature logos.

Serendipity monoline signature script font over a road photo

11. Serendipity

A thin monoline signature script in white over a photo of a woman walking down a road. Flowing and elegant for invitations, quotes and signature logos.

See more in our script fonts and calligraphy fonts.

Handwritten fonts

Handwritten fonts look like everyday writing with a pen or marker. Unlike most scripts, the letters often do not connect, and the style is less formal.

Best for: Personal brands, notes and quotes, children’s products, cafes, social media and anything that should feel human.

Example from UI Creative:

Renita Montes handwritten script font on green watercolor

12. Renita Montes

A marker-style handwritten script in dark grey on green watercolor, with tall, upright letters. Casual and readable for personal branding, quotes and labels.

See more in our handwritten fonts.

Display and decorative fonts

Display fonts are designed to be used big, for headlines, logos and posters. Decorative fonts go further, with unusual shapes, ligatures or ornaments that grab attention.

Best for: Headlines, posters, logos, book and album covers, packaging; never long body text.

Examples from UI Creative:

Sticky Sugary bold retro serif display font over strawberries

13. Sticky Sugary

A heavy, soft retro serif in white over a still life of strawberries and glassware. A typical 70s-style display font for food, packaging and posters.

Bodar high contrast serif display font in black on cream

14. Bodar

A high-contrast serif display font in black capitals on cream, with decorative cut and crossing strokes. Striking for fashion logos and editorial covers.

Fraternite serif display font with ligatures on coral red

15. Fraternite

A high-contrast serif with decorative ligatures, in cream on coral red with a script line underneath. Stylish for logos, labels and headlines.

See more in our display fonts.

Blackletter fonts

Blackletter, also called Gothic or Old English, is based on medieval manuscript writing: dense, angular letters with sharp, broken curves.

Best for: Newspaper mastheads, tattoos, beer and whiskey labels, metal and streetwear brands, certificates.

Example from UI Creative:

Blackthorne blackletter font over a portrait with purple flowers

16. Blackthorne

A blackletter font in white over a portrait framed by purple flowers and an ornate gold border. Dramatic and gothic for labels, tattoo designs and album covers.

See more in our blackletter fonts.

Monospace fonts

In a monospace (fixed-width) font every character takes up the same horizontal space, so an i is as wide as an m. That keeps columns of text perfectly aligned. Courier and Consolas are well-known examples.

Best for: code editors, terminals, data tables and designs that want a typewriter look.

Typeface, font, font family and font style

  • Typeface: the overall design, such as Helvetica or Garamond.
  • Font: strictly, one specific version of a typeface (for example Helvetica Bold 12 pt). Today most people use font and typeface to mean the same thing.
  • Font family: all the weights and styles of one typeface together, from thin to black, plus italics.
  • Font style: either a variant within a family (regular, italic, bold) or, more loosely, a type of font such as serif or script, which is how this guide uses it.
  • Typography: the art of arranging type: choosing fonts, sizes, spacing and layout.

How to choose and pair font styles

If your project is…Start withPair with
a website or appSans serifA serif or display font for headlines
a book, report or magazineSerifA sans serif for captions and headings
a wedding or invitationScriptA light serif for the details
a poster or packagingDisplay or slab serifA plain sans serif for small text
a personal brand or social postHandwrittenA clean sans serif
a label, masthead or tattooBlackletterA simple serif or sans
  • Use two fonts, three at most: one for headings, one for body text.
  • Contrast the types: pair a serif with a sans, or a script with a sans, rather than two similar fonts.
  • Keep decorative fonts big and short: scripts, display and blackletter fonts are for a few words, not paragraphs.
  • Check readability: test the font at the real size, on the real screen or paper.

Frequently asked questions

What are the different types of fonts?

The main types are serif, sans serif, script, handwritten, display or decorative, blackletter and monospace. Serif fonts are often split into old style, transitional, didone and slab; sans serifs into grotesque, neo-grotesque, geometric and humanist.

What are the 5 basic font styles?

The five most common groupings are serif, sans serif, script, display (decorative) and monospace. Many guides add handwritten and blackletter as separate types.

What is a font style?

In a font menu, font style means a variant of a family such as regular, italic or bold. In design talk it usually means a type of font, such as serif, sans serif or script.

What is the difference between serif and sans serif fonts?

Serif fonts have small strokes at the ends of the letters and feel classic; sans serif fonts have none and feel clean and modern. Sans serifs are usually easier to read on screens.

What font type is best for readability?

For body text, a well-spaced sans serif (on screens) or a classic serif (in print). Script, display and blackletter fonts are for short headlines, not long text.

Looking for a font in one of these styles?

Browse the full collection of UI Creative fonts: serif, sans serif, script, display and more.