I got more than usual private emails after my last post 5 Mistakes Divi Users Make & One That Just Drives Me Crazy. People wanted to know what fonts I do suggest if it’s not Open Sans, the default Divi Theme font.
Let me begin by saying, your not awful Open Sans, it’s how you are used in the default, small and light.
One super nice reader sent me his websites with Open Sans and they looked just fine. He had increased the size of the font and adjusted the color and his client thought it was the bees knees and that’s all that really matters.
Since I so boldly stated that the default font drives me bat $H!# crazy, I figured it was only fair I shared a little knowledge with you on fonts.
The Three Base Concepts of Typography
- Tone – Fonts set the tone of serious, playful, elegant, etc.is the site for a serious professional or a creative?
- Legibility – refers to how easily you can distinguish between the individual shapes of the letters.
- Readability – how easy it is to read the content of a paragraph.
Ideally you want a font or combination of fonts that set the appropriate tone of your business, are legible and readable.
Careful when combining fonts:
- Generally avoid using two different serif or sans serif fonts for your titles & body font. If you use two different fonts that are somewhat similar it can be confusing to the eye. Try a serif header and sans serif body font, or visa versa.
- If you are stuck on a font combination use the same font with different weights for headers and body text.
Ever see a website and say, hey, I love this font? Same. Here are three tools for you to make your tool sleuthing easier.
- WhatFont – Chrome Extension Tool. My awesome friend Don shared that with me ages ago.
- What the Font is a great website.
Search for Fonts
- Try Font Fling. This website allows you to put in a word, or bunch of words, and search through fonts by serif, sans-serif, handwriting, display, script, monospace, blackletter, slab serif, typewriter, or calligraphy. You can set the size, view individual fonts, or see a whole bunch on a page at once. You can even view the font on a black background if you are interested.
Guides to Font Pairings
I found this infographic over on Pinterest that thought you may like.
Fonts, font pairings and use could be the topic for a full on graphic design course in grad school. There is loads to learn and consider when making choices. This post is meant to give you general guide for your general clients.
I like this plugin if I am using Google Fonts for projects.
If you find yourself working with a client that is out of your comfort zone (i.e. you build sites for lawyers and you have been hired to build for a photographer or you are really technical and don’t love the design part of web design) consider a child theme.
Happy creating. If you have a favorite font combination can you share in the comments? I love learning what you are using.