1949deal.com
Nov 242009
 
Share this article...Share on FacebookTweet about this on TwitterShare on Google+Share on RedditShare on LinkedInPin on PinterestShare on StumbleUponShare on TumblrEmail this to someone


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


Share this article...Share on FacebookTweet about this on TwitterShare on Google+Share on RedditShare on LinkedInPin on PinterestShare on StumbleUponShare on TumblrEmail this to someone
Justin Germino
Working in the IT Industry for over 13 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.
Justin Germino

@dragonblogger

Technology, Gaming and Wordpress blogger who runs gadget giveaways, helps others with blogging tips, monetization, earning and more!
Getting Postbox to Work with High Resolution Displays on Windows http://t.co/kZHwLb7Spi - 48 mins ago
Justin Germino
  • Holly Jahangiri

    Looks nice and clean, Justin (I don’t remember thinking it didn’t, before, but I’m guessing it defaulted to Verdana, and I don’t have anything against that).

    You know, we could all use a few more “practical css tips” in our lives, I think. For instance, do you have any special mnemonic to help me remember which SIDE goes in which order in the following statement: margin: 0 9px 0 8px; ? Seriously, I’m tired of figuring it out by trial-and-error or dragging out Danny Goodman’s DHTML bible every @#$%! time…

    It’s like trying to spell broccoli. Should be easy, but it’s easier (some days) to spell floccinaucinihilipilification. Why IS that?
    .-= Holly Jahangiri´s last blog ..Monday News & Views =-.

  • http://heatherkephart.com Heather Kephart

    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 =-.

    • http://www.dragonblogger.com dragonblogger

      Anytime, glad to help others as I learn how to tweak and manipulate my own blog php code.