Beautiful Web Type
In October 2018 I released a completely re-thought and re-designed version of this project. The new version aims to provide a complete look at each typeface, cataloging all the available weights and styles, the full glyph set, the kerning quality, OpenType features, recommended pairings and more. I will highlight only typefaces that show a high level of quality.
The original version of the site is archived here: https://be**au*tifulwebtype.com/v1/
Changelog
06 June 2025
- Added Commissioner.
05 June 2025
- Added Instrument Sans.
- Added Instrument Serif.
23 Oct 2023
- Added TASA Orbiter.
8 Apr 2023
- Updated Source Code Pro to version 1.024.
22 Nov 2020
- Added Fraunces.
- Added pairing example for Fraunces and Libre Franklin.
- Added pairing example for Messapia and Inter.
Read full Changelog
Featured typefaces
All typefaces are licensed under the SIL Open Font License.
- Alegreya → Glyph inspector
- Alegreya Sans → Glyph inspector
- Archivo → Glyph inspector
- Archivo Black → Glyph inspector
- BioRhyme → Glyph inspector
- BioRhyme Expanded → Glyph inspector
- Commissioner → Glyph inspector
- Cooper Hewitt → Glyph inspector
- Crimson Pro → Glyph inspector
- Fira Code → Glyph inspector
- FiraGo → Glyph inspector
- Fivo Sans → Glyph inspector
- Fivo Sans Modern → Glyph inspector
- Fraunces → Glyph inspector
- iA Writer Quattro → Glyph inspector
- IBM Plex Mono → Glyph inspector
- IBM Plex Sans → Glyph inspector
- IBM Plex Sans Condensed → Glyph inspector
- IBM Plex Serif → Glyph inspector
- Inria Sans → Glyph inspector
- Inria Serif → Glyph inspector
- Instrument Sans → Glyph inspector
- Instrument Serif → Glyph inspector
- Inter → Glyph inspector
- Jost* → Glyph inspector
- Le Murmure → Glyph inspector
- Libre Franklin → Glyph inspector
- Lora → Glyph inspector
- Messapia → Glyph inspector
- Oswald → Glyph inspector
- Playfair Display → Glyph inspector
- Poppins → Glyph inspector
- Rakkas → Glyph inspector
- Source Code Pro → Glyph inspector
- Source Sans Pro → Glyph inspector
- Source Serif Pro → Glyph inspector
- Space Grotesk → Glyph inspector
- Space Mono → Glyph inspector
- TASA Orbiter → Glyph inspector
- Vollkorn → Glyph inspector
- Work Sans → Glyph inspector
- Zilla Slab → Glyph inspector
Suggesting Typefaces
I\’m happy to receive suggestions for typefaces via a GitHub issue. When sending suggestions please include an example or two of the typeface in use. This helps me to make an initial evaluation of the typeface.
Local development
To work with the site locally, start the Jekyll server and watch the Sass files with:
rake s
