Caslon Font Pairing: The Best Fonts to Pair with Caslon
A good Caslon font pairing puts a clean sans serif in the headings, such as Libre Franklin, Jost or Montserrat, and lets Caslon do the reading. The pairs below use Libre Caslon Text, a free Google Font based on Caslon, and each one is set in its own fonts.
About Caslon
Caslon is one of the oldest typefaces still in everyday use. William Caslon cut his roman and italic types in London in the 1720s and 1730s, and they became the standard text face of the English-speaking world for most of the eighteenth century. Caslon types were shipped to the American colonies, and the first printings of the Declaration of Independence are often cited as set in Caslon.
Caslon belongs to the old-style serifs. Its letters have moderate contrast between thick and thin strokes, a slight diagonal stress, and a sturdy, slightly irregular texture that comes from hand-cut punches. Many modern versions exist: Adobe Caslon, drawn by Carol Twombly in 1990, is the most common in design software, and Matthew Carter’s Big Caslon is a display version for large headlines. On Google Fonts, Libre Caslon Text, from Impallari Type, offers a free Caslon for body text in regular, italic and bold.
The Best Fonts to Pair with Caslon
Caslon is at its best as a body font, so most of these pairings give the headings to a sans serif. Each pair is set in its own fonts, with a link to see it on a full page.
Libre Franklin and Libre Caslon Text
Set in Libre Franklin 700 and Libre Caslon Text 400 Try this pair in the generator ›
Best for news sites, publishers, nonprofits and long reads. Franklin Gothic and Caslon have been paired in American newspapers and books for more than a century, and this is the free version of that classic. Libre Franklin, also from Impallari Type, is a Franklin Gothic revival whose sturdy headlines sit comfortably above Caslon’s text.
Jost and Libre Caslon Text
Set in Jost 600 and Libre Caslon Text 400 Try this pair in the generator ›
Best for bookshops, museums, architecture and design studios. Pairing Caslon with a geometric sans is a mid-century design favourite: the precise, compass-drawn shapes of Jost, a free font inspired by Futura, contrast with Caslon’s handmade warmth. Set Jost at a semibold weight for headings.
Montserrat and Libre Caslon Text
Set in Montserrat 700 and Libre Caslon Text 400 Try this pair in the generator ›
Best for food and drink, hospitality and craft businesses that want a classic voice with a contemporary edge. Montserrat is wider and bolder than Jost, so it gives headings more presence, and its wide capitals contrast with Caslon’s compact text.
Libre Caslon Text and Source Sans 3
Set in Libre Caslon Text 700 and Source Sans 3 400 Try this pair in the generator ›
Best for law firms, universities, financial advisers and heritage brands. Caslon also makes elegant headings: set Libre Caslon Text in bold for titles and use Source Sans 3, Adobe’s clean humanist sans, for the body. This flips the usual arrangement and puts modern, efficient text beneath a refined headline voice.
Libre Caslon Text and Lato
Set in Libre Caslon Text 700 and Lato 400 Try this pair in the generator ›
Best for wedding sites, family businesses, schools and charities. Lato is warmer and rounder than Source Sans 3, so Caslon headings over Lato text feel friendlier, with a touch of tradition but nothing too formal.
Work Sans and Libre Caslon Text
Set in Work Sans 600 and Libre Caslon Text 400 Try this pair in the generator ›
Best for small publishers, literary magazines and creative agencies. Work Sans is a grotesque sans with a slightly quirky, early twentieth century character, and it holds up well in headings at medium and semibold weights. Over Caslon text it gives a fresh, independent look.
Caslon Font Pairings at a Glance
The six pairings above, with the weights to use and the kind of site each one suits.
| Heading Font | Body Font | Feel | Good For |
|---|---|---|---|
| Libre Franklin 700 | Libre Caslon Text 400 | Classic newspaper | News, publishers, long reads |
| Jost 600 | Libre Caslon Text 400 | Modern, literary | Bookshops, museums, studios |
| Montserrat 700 | Libre Caslon Text 400 | Bold, contemporary | Food, hospitality, craft |
| Libre Caslon Text 700 | Source Sans 3 400 | Refined, traditional | Law, universities, finance |
| Libre Caslon Text 700 | Lato 400 | Warm, approachable | Weddings, schools, charities |
| Work Sans 600 | Libre Caslon Text 400 | Fresh, independent | Magazines, agencies |
Tips for Setting Caslon on the Web
Caslon was designed for print, where ink spreads slightly and fills out thin strokes. On screens, its thin strokes can look faint at small sizes, so set Caslon body text a little larger than you would a sans serif, around 18 to 20 pixels, with a line height of 1.6 to 1.7. Libre Caslon Text was drawn with this in mind and has sturdier thin strokes than most print versions.
Use real italics. Caslon’s italic is one of its most admired features, lively and calligraphic, and it makes emphasis and pull quotes look intentional. When you load the font, include the italic style so the browser does not create a slanted version of the regular letters.
If you license Adobe Caslon or another commercial version for your brand, Libre Caslon Text is still useful as a fallback in your CSS font stack. Its proportions are close enough that the page holds its layout while the main font loads.
Frequently Asked Questions
Quick answers about pairing Caslon.
What Font Goes Best with Caslon?
A clean sans serif for headings. Franklin Gothic is the classic choice, and Libre Franklin is its free equivalent. Geometric sans fonts such as Jost or Futura also pair well, because their precise shapes contrast with Caslon’s warmth.
Is Caslon Available on Google Fonts?
Not under the name Caslon, but Libre Caslon Text is a free Caslon revival on Google Fonts, designed for body text on screens. It comes in regular, italic and bold.
Is Caslon a Serif Font?
Yes. Caslon is an old-style serif, the same family of designs as Garamond, with moderate contrast and a slightly slanted stress in its round letters.
Is Caslon Good for Headings?
Yes, especially in bold or in a display version such as Big Caslon. For large headlines, a display cut keeps the thin strokes fine and elegant, while text versions can look heavy when set very large.