☰

这个 DOS 字体叫什么名字？在哪里添加？如何添加？为什么有 1 个像素的差距？

tag-icon • tag-icon windows-xp fonts ide
这个 DOS 字体叫什么名字？在哪里添加？如何添加？为什么有 1 个像素的差距？

所以基本上我以某种方式进入了这个网页：[已删除，因为它现在重定向到奖励调查网站]

首先让我印象深刻的是可爱的 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 吗？（我已禁用字体平滑功能）

或者是字体文件有问题？

答案1

您在浏览器之外看到的是字体的准确渲染（基于给定的文件）。查看 CSS 源代码，作者对 和 进行了letter-spacing调整line-height：

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

答案2

实际上关于像素间隙过大的观察大多是准确的。

由于 VGA / IBM PC 字体有多种变体： http://int10h.org/oldschool-pc-fonts/fontlist/

有些是 8 像素宽，有些是 9 像素宽。大部分唯一的区别是字符之间的间隙。

相关内容