Puritan
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
Configuration
Select the weights and styles you want to include in your project.
Weights
Styles
Package Manager
The recommended way to use fonts in modern web projects.
1. Install Package
pnpm add @fontsource/puritan 2. Import in App
// Please select at least one weight and style 3. CSS Usage
body {
font-family: "Puritan", sans-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
/* Please select at least one weight and style */ Background & Story
I started drawing letters with a computer when I first got one of my own in 1997. I’d been studying sans serif type as a project on the Typography & Graphic Communication course that I was taking at Reading University, and learning about the different strands of development: ‘grotesques’ such as the delightful Monotype Series 215 were designed by type cutters or draftsmen, while geometric and humanist sans serifs like Futura and Gill Sans were constructed with compasses or quills by rationalist typographers and calligraphers. In the end, of course, they all needed a little wash and brush-up from the typefounder – to say nothing of the type designs. I was also in thrall of a typeface called Ehrhardt, a Monotype revival typeface that is based on a seventeenth century design by Miklos Kis. It too had endured a lot of cleaning, but though they were hard on the source material, those responsible created a very elegant condensed typeface. The result looks a bit like a house on an Amsterdam canal.
Puritan was my response to these influences; it was also a way (I thought) that I could get hold of an interesting typeface without unofficially borrowing from the Typography department. It might be flawed, but it was mine! Well, I learned a lot from the experience.
I wrote a short essay about Puritan as a project in my final year as an undergraduate. Rather than repeat it all here, I have converted the essay (presented as a booklet) into a PDF file of around 1200K which you can download.
In October 1999, I submitted Puritan to the 3rd International Type Design Contest, where it made absolutely no impact.
Tags & Moods
Subsets
Install
pnpm add @fontsource/puritan Designed by
Ben Weiner
Links
License
OFL-1.1