Choosing Fonts for Your Blog - dummies

Choosing Fonts for Your Blog

By Melissa Culbertson

Ah, fonts. They’re swirly, scripty, scribbly, and full of personality. The fonts you use on your blog site talk for you, becoming an extension of your brand and setting the tone for your words.

When you look at your overall blog design, you work with two different kinds of text:

  • Content text: You can identify this text on a blog because it can be highlighted with your cursor. Think blog post titles, headings, and content as well as text in your navigation menu and elements such as bylines and blog post comments. You control the fonts for this text within your cascading style sheet (CSS).

  • Graphical text: This kind of text is a part of an image, such as a blog logo image, header, or other graphical element created in a photo-editing or graphics program (like Adobe Photoshop or Illustrator).

IYou should understand the four common types of fonts:

Common Font Types
Font Type Definition Typical Use
Serif Has lines or hooks (serifs) extending from parts of a
Commonly used in print publications. Some serif fonts can be
harder to read on-screen but can still be used effectively.
Sans serif No lines or hooks. Web content, especially paragraphs of text, is most readable in
a sans serif font.
Decorative Includes script, handwritten, or novelty type fonts. Good option for graphical text within a blog design. Not a good
choice for blog post content.
Monospace All letters and numbers take up the same width (like typewriter
keys being the same size).
Best for displaying computer programming code or to replicate
typewritten text.

Here, you can see examples of these four font types. Check out the differences between serif and sans serif for the capital T or a lowercase i.