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.

• Newsletter: https://tinyletter.com/beautifulwebtype
• Personal site: https://chad.is
• Twitter: https://twitter.com/ubuwaits

Changelog

23 May 2020

• Added Messapia.
• Added Crimson Pro.
• Updated Source Code Pro to variable version.
• Updated iA Writer Quattro to variable version.
• Updated Fire Code to v4.0 variable version.
• Updated Lora to variable version.
• Updated Work Sans to variable version.
• Updated Space Grotesk to variable version.
• Updated Manrope to variable version.
• Updated Source Serif Pro to variable version.
• Updated Source Sans Pro to variable version.

22 May 2020

• Updated Work Sans to version from 1 May 2020.
• Updated Space Grotesk to v1.1.6.
• Updated Source Sans Pro to v3.006.
• Updated Manrope to v4.5.
• Updated Jost to v3.5. Included link to Google Fonts version and removed local files. Author has not provided a WOFF or WOFF2 distribution, so I recommend using the Google Fonts version.
• Updated Source Serif Pro to v3.001.
• Updated IBM Plex family typefaces to v4.0.2.

21 Nov 2019

• Updated Fira Code to v2.0.
• Small changes to layout, responsive styles and typography. Site will now stretch the full width of the screen.

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
• Cooper Hewitt → Glyph inspector
• Crimson Pro → Glyph inspector
• Fira Code → Glyph inspector
• FiraGo → Glyph inspector
• Fivo Sans → Glyph inspector
• Fivo Sans Modern → 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
• Jost* → Glyph inspector
• Le Murmure → Glyph inspector
• Libre Franklin → Glyph inspector
• Lora → Glyph inspector
• Manrope → 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
• 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.

Old version of site

The old version of the site is archived here: https://beautifulwebtype.com/v1/

Please note: I no longer own the hellohappy.org domain. It was purchased by a link spammer who uploaded an archived version of the site with links to their essay writing services sprinkled throughout. Please spread the word by updating any links to point to https://beautifulwebtype.com rather than hellohappy.org.

Local development

To work with the site locally, start the Jekyll server and watch the Sass files with:

rake s