Need help with beautiful-web-type?
Click the “chat” button below for chat support from the developer who created it, or find similar developers for support.

About the developer

ubuwaits
7.1K Stars 319 Forks MIT License 427 Commits 1 Opened issues

Description

In-depth guide to the best open-source typefaces: https://beautifulwebtype.com

Services available

!
?

Need anything else?

Contributors list

# 9,420
HTML
webfont...
google-...
css-fra...
372 commits
# 110,136
HTML
webfont...
google-...
CSS
3 commits
# 204,811
Shell
PHP
Nette
zend-fr...
1 commit
# 177,037
Firefox
webfont...
google-...
Haxe
1 commit
# 152,362
PHP
Laravel
CSS
google-...
1 commit
# 189,123
google-...
PHP
CSS
Postgre...
1 commit

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

Important note about the hellohappy.org domain

The original version of this site was located at hellohappy.org/beautiful-web-type. That domain has since been purchased by a link spammer who uploaded an archived version of the site with links to their essay writing services sprinkled throughout. Please update any links to that old version so they instead point to https://beautifulwebtype.com.

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

Changelog

22 Nov 2020

  • Added Fraunces.
  • Added pairing example for Fraunces and Libre Franklin.
  • Added pairing example for Messapia and Inter.

21 Nov 2020

  • Added Inter.
  • Updated glyph inspector to include plain text character in sidebar for easier copying.

23 May 2020

Read full Changelog

Featured typefaces

All typefaces are licensed under the SIL Open Font License.

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

We use cookies. If you continue to browse the site, you agree to the use of cookies. For more information on our use of cookies please see our Privacy Policy.