Your Questions Answered: Changing the Font Size

A few days ago I posed the question on Twitter, “What do you want to know about WordPress?” And surprisingly, people read my tweets because I got four good questions.

So I’ll start with the first.

The Bloggess wants to know how she can change her font size on her blog.

It’s a good question.  The themes we get come with certain font sizes and they may be too small for us to read, so we fear that our readers won’t be able to.

It might also be that we can’t stand Times New Roman 12, so we want to change it to Century Gothic 14.

What ever it is that you want to do, regarding your font size, color, and type, you can do so within your Stylesheet (typically the style.css file under Design->Theme Editor.

(Note:  For WordPress.com users, you can also change the font size, color and type, but you will need to pay the $15 CSS upgrade charge.)

Each theme is different when trying to change the stylesheet.  Each designer calls various aspects of their stylesheet by different names and if you’re not able to spot sight it, then you have to get a little more creative.  (Or download Firebug for Firefox)

Using Firebug, I was able to see that the post content uses Gerorgia 12 pt font.  So, let’s say that she wants to make that 14 points.

She’ll find this section of her stylesheet (line 273, so you know that it’s a ways down the page):

.post-content, .page-content {

-x-system-font:none;

border-top:1px solid #BBC4A3;

font-family:Georgia,Verdana,Arial,serif;

font-size:12px;

font-size-adjust:none;

font-stretch:normal;

font-style:normal;

font-variant:normal;

font-weight:normal;

line-height:normal;

margin:3px 0;

padding:10px 0;

}