Personalize Your Site with Custom Fonts

Posted by download in Software on 22-01-2013

Last month, we shared tips from WordPress.com users who use Custom Colors to spice up their sites. You can also personalize your online home with Custom Fonts, which is another feature of the Custom Design upgrade.

For inspiration, let’s take a quick peek at four blogs using Custom Fonts. Then, we’ll show you how to try out and preview fonts — right in your dashboard.

The Vibes

A graphic designer in Manchester, England, Mark designs blogs, websites, and magazine covers, so he knows a thing or two about making his own site look good! His scrapbook-like blog, The Vibes, is colorful and full of art, photography, and notes from his travels.

The Vibes

The Vibes

How did you decide on the Chunk and Museo Slab fonts for The Vibes?

My blog is designed to look like a scrapbook, hence the Adventure Journal theme. After designing my own headers and backgrounds to extend the “paper” texture of the theme, the frosting on the cake is Custom Fonts. It’s how I really got a handle on completing the look and feel of my blog. I chose Museo Slab because it suggests a type-written journal. I matched my headings and body text for uniformity, but opted for Chunk for my site title because it is bold and assertive, yet complements Museo Slab.

Do you have any tips for users considering the Custom Fonts feature?

You don’t have to be a completist to start exploring fonts and custom design. Different types of lettering can instantly suggest the tone of your blog, so you can stamp your personality on your theme before anyone has even read anything. Part of the fun is previewing fonts on your home page and seeing what works — or what looks clunky.

I learnt a few lessons along the way. Size matters: choose a readable font for your headers and don’t make the size too dominant. Likewise, keep your body text plain and simple. The golden rule: don’t use anything that fights with the reader. Be more decorative and individual with your site title because it’s effectively your logo. The temptation is to embellish everything, but the simplest ideas are the best. Check your blog on different devices to make sure your design choices translate across different platforms.

Very Serious Barista

The stand-up comedian and writer behind Very Serious Barista transforms a popular free theme, Bueno, with a fun font that’s full of personality.

Very Serious Barista

Very Serious Barista

How did you decide on the FF Prater Block font for your site title and headings?

I chose this font because it is bold and playful. Very Serious Barista is a comedy blog, so I wanted something that was an attention grabber, but also could lend itself to the silly and irreverent nature of the content.

Do you have any tips for users considering the Custom Fonts feature?

I think choosing Custom Fonts really depends on your intended audience. If you are putting together a travel blog and only want your close friends and family to see it, then maybe shelling out the extra bucks for customizable fonts isn’t worth it. If you are business-minded, however, or intend to share your content with a larger audience, then Custom Fonts can provide a sharp look and legitimacy to whatever you are doing. My blog has a small outreach, but I have received many compliments on its look and style, and that inspires me to keep creating great content for my readers.

Little Wolf Art & Illustration

Maryanna, an illustrator and comic artist based in Portland, Oregon, has a playful, doodle-filled blog. Her site, Little Wolf, uses Coraline, a flexible theme with various layout and color scheme options.

Little Wolf

Little Wolf

How did you decide on the Le Monde Journal and Calluna fonts for your blog?

I’ve always been a serif kind of girl, and while I’m no expert at typography, I’m certainly a lettering enthusiast. My blog is littered with all sorts of loopy and expressive hand-lettering, so I selected simple fonts that would bring a little warmth to my content.

Do you have any tips for users considering the Custom Fonts feature?

Choosing a font is all about aesthetics and the feeling they lend to your blog; a well-chosen font can have just as much of an effect as one that is a bad fit (ahem, Comic Sans). Go with your gut and take a lead from other blogs you admire.

Just A Smidgen

Based in Calgary, Alberta, Barbara shares her art, photography, poetry, and recipes at Just A Smidgen. She uses the Gridspace theme well to show off her variety of interests.

Just A Smidgen

Just A Smidgen

How did you decide on the Museo Sans, Raleway, and Liberation Sans fonts for Just A Smidgen?

Having different fonts is a great way to express myself and create a blog that’s unique. Using Custom Fonts allows me to design my blog’s look in detail — I have three different fonts for the site title, headings, and body text. (Add to this the option for different colors for all three. There is a number of possibilities to make a blog all your own!)

Even though I live on the Prairies in Canada, I’ve always been drawn to the ocean, so this has been a factor in my design. I also love interior decor magazines, which often blend vintage with modern. They use grays, blues, whites, and aqua shades that I try to incorporate into my own fonts. I think writers should select fonts that reflect their personalities, interests, and intent.

Sans serif fonts are clean and unembellished. Serif fonts add a little more detail to each letter. I chose all sans serif fonts because they have a more delicate sensibility, which is the effect I wanted for my blog.

Do you have any tips for users considering the Custom Fonts feature?

WordPress.com makes it so easy to change font style, size, and color. You can select them and instantly see how your site looks with the changes. One click to save and it’s done. If you don’t like your selections, you can change them again. It’s that simple. And playful. The Custom Design interface is easy to use.

What’s Your Type?

To test out the Custom Fonts feature on your site, go to Appearance » Custom Design in your dashboard and click on the Fonts tab at the top. You can try out different fonts for the site title, headings, and body text and adjust the style and size of each, too.

Screen shot 2013-01-18 at 2.45.20 PM

You can see each change you make in the preview window underneath these drop-down menus. Once you’ve found a combination you’re happy with, click the blue “Save fonts and purchase” button at the top to complete the Custom Design upgrade ($30 per site, per year). As long as the upgrade is active on your site, you can revisit this tool and switch fonts whenever you’d like.

Visit our Support site for details on the Custom Design upgrade. To learn how WordPressers use a related feature, Custom Colors, check out last month’s post, Personalize Your Site with Custom Colors.


Comments are closed.