[SOLVED] Image with text -> text with background

I'd like my weblog's header to look like this but with text instead.
As you can see I've attempted this but it looks horrible!
I need help with getting the text in the right position with the right font!
Thanks Guys!

Your choice of font is effectively restricted by those fonts commonly installed on most people's computers. There's no problem with specifying an obscure font, as long as you also specify a more common fallback. Always make your last fallback a generic family, such as "serif". Look up the CSS "font-family" for details.

You will never achieve properly smoothed header text, except on a Mac or in Safari. Windows does not smooth big fonts. Firefox does smooth them, but only if you turn off Windows ClearType, which interferes with Firefox's smoothing. If you turn off ClearType, the normal-sized font looks awful. Oh dear.

Remove the bolding from your font. Try Georgia, which is pretty close to what you're using, and is (I think) a core font for both PCs and Macs.

Positioning is just a matter of tweaking margins. Use negative margins to move something nearer to a container's edge.

What font is the text on the image? Maybe you can use the same font but use a common fallback like Mike suggested. And yes, remove the bolding, it makes the text look even worse with all those pixelated edges...

Didn't realise it was already bold.
Looks better now ish.

Yes it does. The bold text was not good... Much nicer and smoother now!

I quite like it! I will leave it like that for now.
Thread Solved.