Crimson Pro
Type with Purpose
Good typography guides attention, improves understanding, and makes communication effortless.
The Anatomy of a Typeface
By FontSide · June 2026
Every typeface is a system of decisions — about stroke contrast, x-height, spacing, and rhythm. The best ones feel invisible: you stop seeing the letters and start hearing the voice behind them. That transparency is the hardest thing to design.
A high x-height opens up the counters and makes small text breathe. Tight tracking pulls a headline together; loose tracking gives a caption room to exhale. None of these choices are accidents — they are arguments about how reading should feel.
Uppercase
Lowercase
Numerals
Symbols
Package Manager
The recommended way to use fonts in modern web projects.
1. Install Package
pnpm add @fontsource-variable/crimson-pro2. Import in App
import '@fontsource-variable/crimson-pro/wght.css';3. CSS Usage
body {
font-family: "Crimson Pro Variable", serif;
}Google Fonts CDN
Use Google's CDN to embed the fonts directly via HTML.
HTML <head>
<!-- Please select at least one weight and style -->Fontsource CDN
Skip the build step by adding this directly to your global CSS file.
Global CSS
/* crimson-pro-latin-wght-normal */
@font-face {
font-family: "Crimson Pro Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/crimson-pro:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
}Background & Story
Crimson Pro is a serif typeface family: Contemporary, clear, classic and rounded/open. Something for a college textbook, editorial websites and any reading experience with book-length texts It contributes to the tradition of beautiful Garamond-inspired typefaces, often called “Garalde” or “Old Style,” and has 8 named weights, in Roman and Italic, and is available as a Variable Font with a Weight axis.
The first Crimson design was initiated by Sebastian Kosch in 2009, and he later completely redrew a new version called Crimson Prime. Google commissioned Jacques Le Bailly to review both typefaces, and develop Crimson Pro as a new design that synthesises both designs into a final authoritative family, first released in January 2019. All decisions were made to enable better readability for longer texts and the ability to make good and diverse typography.
The Crimson Pro project is led by Jacques Le Bailly, a type designer based in Den Haag, Netherlands. To contribute, see github.com/Fonthausen/CrimsonPro
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/crimson-proDesigned by
Jacques Le Bailly
Links
License
OFL-1.1