Typography is a religion. Fonts should be respected. You can’t just USE a font with a blasé attitude. You have to make sure the font matches the feel, look, and overall atmosphere of your piece. 

Did I Scare You?

Don’t be scared. Follow these quick tips on using fonts and then have fun with the best free fonts on the website.

  • To Serif or Not to Serif San Serif fonts are the most prolific choice in web design, but a beautiful serif font can enhance the beauty of your site. Make sure if you are using it as a paragraph font that you increase the text size a bit higher than a san serif font and you give it room to breath (increase line-height).
  • Room to Breath Make sure you don’t have a tight line-height and you have a good size to your font. The point is legibility.
  • Contrast Never place a large chunk of text on a colored background. If the point of your website is CONTENT then you want to make it easy to read. This means contrast.
  • Avoid Scripts in Paragraphs Don’t use a fancy, decorative, or script font in paragraph text. Only use those fonts for headers.
  • Keep it Minimal You only want to use a FEW fonts. I’m recommending MAX three fonts, within each post. Spice up your post by using different versions of ONE font family.

THE BEST FREE WEB FONTS

use them...don't abuse them. Below images are examples of different teasers from around the author world. Everything but the Justice teaser is not designed by me.
Open Sans Font is Made to Be Cool and Legible
Open Sans also comes in other styles, like Open Sans Condensed.
If you are feeling like you need to make less of an impact, choose the LIGHT version of the font. Open Sans can be used as a header, as body copy, and for large titles.
Arvo is a slab serif font that makes a statement. I recommend using this font for Titles and Headers. You can use it for body text, but the thick weight can be a little taxing on readers eyes, so you need to use a higher font size. I use ARVO for emphasis and title fonts.
The Bree Serif font is an underappreciated font. This is another slab serif but it doesn’t have the hard in-your-face appeal of other slabs. It’s been described as “friendly” and I have to agree. This font is versatile and there are a plethora of fonts within its family that you can pair up and pimp out.
FRANCOIS ONE is the new IMPACT, it is classified as a display font and should only be used for titles and headers. I like Francois’ more playful take on the san serif display font.

Pacifico is a script font I would recommend for using as titles and headers. Do not use this one for body text.

A fanciful serif font, PLAYFAIR DISPLAY, is a display font and is best used for titles and headers. I like the LOOK OF IT IN ALL CAPS. You can pair this with a simple serif font and it will offset it well.
Amatic SC is a rising star in the FONT world. I see this font everywhere, but don’t be discouraged. I give it a year or maybe two before the designers put it on the “no-use” list. Use it as a header or title, I would not recommend it for logos since I do think it has a limited shelf life.
LATO is a san serif font that can be used for anything. This is a great alternative to Open Sans, and not so rigid. Lato is professional, but still a bit loose. Lato also has a beautiful family.
Pair LATO with LATO LIGHT and make it not so heavy.
Crimson Text is a beautiful font with a very PROLIFIC family. I use Crimson instead of Georgia now. I love the italic version of the font. The way the font moves together is very Garamond-esque which is a plus in my book.
RALEWAY is another san serif rock star. It’s elegant and has a nice font family to go with it. I like the thin weight of the font and the Ww and Qq. The little things.
Raleway has a light version that I use more than the normal weight version, but can disappear on low contrast pieces.

0 Comments