Changing the Font Style in your blog stylesheet.css

• Tweet
• Sharebar

• Tweet

So I finally found time today to tweak my font style on my blog to try and make it more readable, first I edited my stylesheet.css with Theme Editor in Word Press, then I found the section related to my posts which looked like this:

/* Post – Entry */

#content .post .post-entry {
font: normal 12px/18px “Century Gothic”, Verdana;
color: #ffffff;
width: 522px;
margin: 0 9px 0 8px;
padding: 0 20px;
background: #434343 url(“images/post_entry.gif”) repeat-x;
float: left;
}

#content .post .post-entry a {
color: #ffffff;
text-decoration: underline;
}

#content .post .post-entry a:hover {
text-decoration: underline;
}

#content .post .post-entry .more-link {
font: bold 12px/20px “Century Gothic”, Verdana;
color: #ffffff;
float: right;
}

At first I just tweaked the font size from 12/18 to 14/20 and this helped a little, but I don’t like the Century Gothic font or the Verdana fonts, they are too “thin” for a white font on a grey background.  So I switched them out to Arial and voila, now that same section looks like this:

/* Post – Entry */

#content .post .post-entry {
font: normal 14px/20px “Arial”, Arial;
color: #ffffff;
width: 522px;
margin: 0 9px 0 8px;
padding: 0 20px;
background: #434343 url(“images/post_entry.gif”) repeat-x;
float: left;
}

#content .post .post-entry a {
color: #ffffff;
text-decoration: underline;
}

#content .post .post-entry a:hover {
text-decoration: underline;
}

#content .post .post-entry .more-link {
font: bold 14px/20px “Arial”, Arial;
color: #ffffff;
float: right;
}

So what do you all think of the new font type and size, are my posts easier on the eyes now?  I want to hear from my fellow bloggers and readers.

-Dragon Blogger

Related posts:

1. Adding Previous or Next Post Links to your WordPress Blog By adding a simple statement into your single.php you can create links to your next and previous posts directly in...
2. Enhance Your WordPress Blog 404 Page One of the highest recommendations I have is to make sure when a user hits a dead page on your...
3. Manually Add the TweetMeme Submit Button to WordPress This code lets you manually place the TweetMeme submit button exactly where you want on your wordpress posts. You just...
4. Adding Google Analytics to your WordPress Blog I have compiled a list of tips and helpful hints for anyone who needs to add Google Analytics code for...
5. Dragon Bloggers Tips for Starting a New Blog or Your First Blog I am learning each and every day about blogging, I have been blogging since June 2008 with my first blog,...

Written by Justin Germino (1514 Articles Published)

Working in the IT Industry for over 10 years and specializing in web based technologies. Dragon Blogger has unique insights and opinions to how the internet and web technology works. An Avid movie fan, video game fan and fan of trying anything and everything new.

Follow Justin Germino on Twitter @dragonblogger