Changing the Font Style in your blog stylesheet.css
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:
- 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...
- 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...
- 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...
- 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...
- 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,...















Thank you for posting this, Justin! You're going to help a great many people. I don't know html so I use these online tutorials all the time.
.-= Heather Kephart´s last blog ..Neurotic Confessional =-.
- spam
- offensive
- disagree
- off topic
Like