Font pairing

Pick a heading font, pick a body font that goes with it, and see the pair on a poster, an app screen and a logo. Every preview uses a free Google Font, so you can use what you see.

13 well-known fontsPreviewed with free Google Fonts
See the pairOn a poster, an app screen and a logo
Code to pasteHTML link, CSS and Tailwind v4
Where it came fromHistory and who uses it, sourced

Heading font

Comic Sans with Karla

Preview uses Comic Neue, the closest free match.

Some roads only go one way.

The Long Way Home

Two brothers, one borrowed car and a thousand miles of coast between them and the funeral. In cinemas this spring.

TitleTaglineBody text

Body font

Pairings for Comic Neue, and why they work.

Use it

Both fonts are free under the licences on Google Fonts. Add the link to your page head, then set the families in CSS or in a Tailwind v4 theme.

HTML

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Karla:wght@400;700&display=swap">

CSS

h1, h2, h3 {
  font-family: 'Comic Neue', cursive;
  font-weight: 700;
}

body {
  font-family: 'Karla', sans-serif;
}

Tailwind v4

@import url("https://fonts.googleapis.com/css2?family=Comic+Neue:wght@400;700&family=Karla:wght@400;700&display=swap");
@import "tailwindcss";

@theme {
  --font-heading: 'Comic Neue', cursive;
  --font-body: 'Karla', sans-serif;
}

/* Then use the font-heading and font-body classes. */

About Comic Sans

Drawn in 1994 for the speech bubbles in Microsoft Bob.

History

Vincent Connare designed it at Microsoft and it was released in October 1994.[1]
He made it after seeing Times New Roman in the cartoon speech bubbles of a Microsoft Bob beta, drawing on comic lettering from The Dark Knight Returns and Watchmen. It was finished too late for Bob.[1]
It first shipped in 3D Movie Maker, then in the Windows 95 Plus! Pack.[1]

Who uses it

CERN's Higgs boson results presentation in July 2012, by ATLAS spokesperson Fabiola Gianotti[1]
Dan Gilbert's 2010 letter to Cleveland Cavaliers fans after LeBron James left[1]
A Sydney Morning Herald front page in September 2014[1]
Sans's dialogue in the game Undertale (2015)[1]

Sources

1. Wikipedia: Comic Sans

Comic Sans on its own page