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