What is the name of the this DOS font? Where and how to add it? Why is there a 1 pixel gap?

So basically I somehow stepped into this webpage: [removed because it now redirects to a reward survey site]

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('); } @font-face { font-family: 'Perfect DOS VGA 437'; src: url(') format("svg"), url(') 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?

2 Answers

What you are seeing outside of the browser is the accurate rendering of the font (based on the file given). Looking at the CSS source, the author has made adjustments with letter-spacing and line-height:

font-family: 'Perfect DOS VGA 437','Fixedsys'; font-size: 12pt; letter-spacing: -1px; line-height: 16px; 

Actually the observation about the pixel gaps being too wide are mostly accurate.

As there are multiple variatins of VGA / IBM PC fonts:

Some 8 pixel wide, some 9 pixel wide. The only difference for the most part being the gaps between the characters.