So basically I somehow stepped into this webpage: www.braindamage.vg

And the first thing that hit me hard was the lovely DOS fonts, so naturally I wanted to get them into my IDE badly.

Opened the html source file and CSS file to find the font name:

@font-face
{
    font-family: 'Perfect DOS VGA 437';
    src: url('http://www.braindamage.vg/wp-content/themes/braindamage/dosfont.eot');
}
@font-face
{
    font-family: 'Perfect DOS VGA 437';
    src: url('http://www.braindamage.vg/wp-content/themes/braindamage/dosfont.svg#dos') format("svg"), url('http://www.braindamage.vg/wp-content/themes/braindamage/dosfont.ttf') format ('truetype');
}

So I download the font, add it using Control Panel -> Fonts. But once I start using it (notepad, MSVS 2008 & MSVS2010) I notice that it looks slightly off:

It seems like there's 1 extra pixel between each character.

How it should look:

What is causing it and how to fix this?

Is it the windows XP? (i have disabled font smoothing)

Or is there something wrong with the font file?