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