Text quality is terrible on website

I am currently playing around with a site and I am having a problem with the quality of the text.

I currently have text using the font Verdana and with a h3 header but it appears blocky. I could turn this into an image to improve the quality and this would not affect anything, but is there a way I can improve the quality of the text?

You can see it here (top-left)

 

To make it appear less blocky, try applying the letter-spacing css rule and it might help to place a space between the day and month. Instead of "16July" make it "16 July".

Letter-Spacing Example:

div.topright {
     letter-spacing: 0.5px;
}

HTML:

 

I was actually asking about the top-left text. The right-hand side I haven't completed yet.

 

It doesn't look blocky to me. What operating system and browser are you using? Fonts always render diffreny depending on the os and browser.

 

I'm using Vista and have tried all browsers. I guess it just looks bad as I have a large monitor. All other fonts work perfectly though. Guess I'll have to put up with it or convert it to an image to improve the quality.

 

Are you stuck on Verdana for the font? There are a whole bunch of cool fonts you can use that are way better IMO. Try adding some flare to the site with a font from google fonts or fontsquirrel.

 

I'm hoping to keep it clean and simple. I currently use Typekit but I will look into Google fonts and see if I find anything I like.

 

Looks fine here, though I am on a relatively small size screen.