Как называется этот шрифт DOS? Где и как это добавить? Почему разрыв в 1 пиксель?

Question

В общем, я каким-то образом зашел на эту веб-страницу:[удален, потому что теперь он перенаправляет на сайт с вознаграждением]

И первое, что меня сильно поразило, это прекрасные DOS-шрифты, поэтому, естественно, я очень сильно хотел вставить их в мою среду IDE.

Открыл исходный HTML-файл и CSS-файл, чтобы найти имя шрифта:

@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');
}

Поэтому я загружаю шрифт, добавляю его, используя Панель управления -> Шрифты. Но как только я начинаю использовать его (блокнот, MSVS 2008 и MSVS2010), я замечаю, что он выглядит немного не так:

Кажется, что между каждым символом есть 1 дополнительный пиксель.

Как это должно выглядеть:

---

Что вызывает это и как это исправить?

Это Windows XP? (я отключил сглаживание шрифтов)

Или что-то не так с файлом шрифта?

Answer 1

На самом деле, наблюдения о том, что пиксельные промежутки слишком велики, в основном точны.

Поскольку существует несколько вариантов шрифтов VGA / IBM для ПК:http://int10h.org/oldschool-pc-fonts/fontlist/

Около 8 пикселей в ширину, около 9 пикселей в ширину. Единственным отличием по большей части является разрыв между персонажами.

Answer 2

За пределами браузера вы видите точную визуализацию шрифта (в зависимости от заданного файла). Глядя на исходный код CSS, автор внес коррективы с letter-spacing и line-height:

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