Serif · 1 styles · SIL Open Font License 1.1

Libre Caslon Display

Designed by Impallari Type

Specimen

Libre Caslon Display · 1 styles · live preview from Google Fonts CDN
Libre Caslon Display
The quick brown fox jumps over the lazy dog
Typography is the craft of endowing human language with a durable visual form. It connects the smallest mark on a page to the largest cultural questions a society can ask of itself.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?&@#$%

About Libre Caslon Display

Libre Caslon Display is a typeface designed by Impallari Type and released through the Google Fonts open-source catalog under the SIL Open Font License 1.1. It belongs to the serif family — typefaces with the small finishing strokes that have anchored Western typography for five centuries. Those serifs are not decoration; they create a horizontal rhythm that helps the eye flow across long lines of text, which is why book typesetters and editorial designers still favour serifs for sustained reading.

Libre Caslon Display ships with a single style, which gives designers room to build a full hierarchy from a single family without reaching for a second face. Characteristically, the design balances stress and contrast in a way that gives the page texture without becoming visually noisy. The serifs themselves vary from bracketed and traditional to crisp and modern, but the underlying intent is the same: lead the eye gently from one word to the next.

Practically speaking, Libre Caslon Display is well suited to a specific kind of work. Use this typeface for books, longform articles, magazine layouts, brand systems with a literary or heritage register, and editorial websites. It pairs naturally with a clean grotesque sans for headings, captions, and UI chrome. Because it is distributed under the SIL Open Font License 1.1, you can self-host the files, embed them in commercial products, and ship them inside open-source projects without paying licensing fees or asking permission.

On the technical side, Libre Caslon Display supports menu, latin, latin-ext. The full set of weights and styles in the family is available for free download from Google Fonts, and the source files are mirrored in the public google/fonts repository on GitHub for designers who want to contribute fixes or fork the design. The first public release of this family entered the catalog in 2017, and the design has been maintained and updated since then by a combination of the original authorship team and the wider open-source typography community.

Within the broader serif tradition, Libre Caslon Display sits among contemporaries that designers reach for when the surrounding work calls for the same register. The catalog of open-source serif typefaces has grown substantially over the last decade, and a working designer benefits from sampling several closely related families before settling on one — small differences in proportion, x-height, or terminal shape can produce surprisingly different feelings on the page.

If you need a partner family, Libre Caslon Display pairs comfortably with Source Sans 3 — the contrast in voice is enough to create a clear hierarchy between display and reading text without the two faces fighting each other on the page. As always, test the combination at the actual sizes you intend to ship, and use only two faces in any given system unless you have a strong reason to introduce a third.

If you decide to ship Libre Caslon Display, the implementation path is unusually short. Drop a single CSS @import or <link> tag into the head of your document, declare the family in your stylesheet, and the file is delivered through the Google Fonts CDN with subsetting and font-display swap behaviour configured for fast first paint. For production work where you need full control, download the source from the link above and self-host the files alongside the rest of your assets.

Weights and styles

Every weight in the family, rendered live in Libre Caslon Display from the Google Fonts CDN.

Regular · 400 The quick brown fox jumps

CSS embed code

Drop the @import or <link> tag into the head of your document, then declare the family in your stylesheet.

CSS @import
/* Add to the top of your CSS file */
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Display:wght@400&display=swap');
/* Then use the family */
body {
  font-family: 'Libre Caslon Display', serif;
}
HTML <link>
<!-- Add inside <head> -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Caslon+Display:wght@400&display=swap" rel="stylesheet">