Rule 6: Choosing Good Fonts

Rule 6: Choosing Good Fonts

Some fonts are good. Use them.

Note: There are no strategies or things to study in this section. I’m just going to list some nice free fonts for you to go download and use.

Sites with a very distinct personality can use very distinct fonts. But for most UI design, you just want something clean and simple. That’s right, buddy, put down the Wisdom Script.

Also, I’m only recommending free fonts. Why? This is a guide for folks who are learning. There’s more than enough out there at the zero-dollar price point. Let’s use it.

I recommend you download them all right now, and then go through your downloaded fonts as you start the visual design for your project.

 

The Font Book application “User” category is good for remembering what you downloaded.

 

 

Ubuntu

 

Ubuntu (above). Plenty of weights. A bit more distinctive than necessary for some apps— perfect for others. Available on Google Fonts.

 

Open Sans

 

Open Sans (above). An easy-to-read, popular font. Good for body copy. Available from Google Fonts.

 

Bebas Neue

 

Bebas Neue (above). Great for titles. All-caps. Available from Fontfabric— which has an awesome “Bebas Neue in use” gallery.

 

Montserrat

 

Montserrat (above). Only two weights, but good enough to make the cut. Definitely the best free alternative to Gotham and Proxima Nova, but nowhere near as good as those two. Available on Google Fonts.

 

Raleway

 

Raleway (above). Good for headlines; perhaps a bit much for body copy (those w’s!). Has a really sweet ultralight weight (not pictured). Available onGoogle Fonts.

 

Cabin

 

Cabin (above). Available on Google Fonts.

 

Lato

 

Lato (above). Available on Google Fonts.

 

PT Sans

 

PT Sans (above). Available on Google Fonts.

 

Entypo Social

 

Entypo Social (above). This is an icon font, and yes, once you use Entypo, you will see it everywhere, but the social icons are pure gold. Don’t feel like recreating a zillion social media logos in little colored circles? Sweet, me neither. Available at Entypo.com.

I’ll leave you with a few resources:

  • Beautiful Google web fonts. This is an awesome showcase of how good Google Fonts can look. I’ve returned to this simple page for inspiration at least a dozen times.
  • FontSquirrel. A collection of the best fonts available for commercial use, and totally free.
  • Typekit. If you are on Adobe Creative Cloud (i.e. subscription Photoshop or Illustrator, etc.), then you have free access to a ton of amazing fonts. And yes, Proxima Nova is included.