Create a Mood Board To Help You Design Your Blog
How Many Colors Should You Use in Your Blog Design?
Create Contrast in Blog Design

Choosing Fonts for Your Blog

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 letter. 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.

image0.jpg
  • Add a Comment
  • Print
  • Share
blog comments powered by Disqus
Add Imagery Guidelines to Your Blog's Style Guide
Benefits and Challenges of Working with a Blog Designer
Define Your Blog Writing
Designing Your Blog Yourself
Assign Roles to Fonts on Your Blog Site
Advertisement

Inside Dummies.com