Web/CSS: 像素 perfect/cleartype 字体
Web/CSS: Pixel perfect/cleartype font
我有一个像素字体（即 10 像素大小的字符正好由 1 像素宽的部分组成）。我在我的网页中使用它，但字体没有呈现像素完美，而且似乎有一个 cleartype 问题（我想这就是它的名字？）。我的意思是 red/blue 像素，即使字体颜色是纯白色。你可以在下面的图片中看到它。
两张截图可以帮助您理解我的问题：
我目前在我的 html 页面上有这个（在 Chrome 中呈现）：
但我想要这个：
正如您在第一张图片中所看到的，即使所有文本块都在其后面具有相同的 css 跨度，但它们看起来并不相同，具体取决于它们在页面中的位置（我猜想是因为它们被放置在浮点位置而不是整数，所以 1 个像素看起来像 ~1.5)。
注意：字体目前以 .woff2 和 .woff 格式导入，顺序为 @font-face。
我找到了一种适合我的字体：https://www.dafont.com/fr/pixel-operator.font。
我必须小心放置 html 元素以避免将它们定位在浮点数位置，但它是迄今为止我发现的最一致的字体。
我有一个像素字体（即 10 像素大小的字符正好由 1 像素宽的部分组成）。我在我的网页中使用它，但字体没有呈现像素完美，而且似乎有一个 cleartype 问题（我想这就是它的名字？）。我的意思是 red/blue 像素，即使字体颜色是纯白色。你可以在下面的图片中看到它。
两张截图可以帮助您理解我的问题：
我目前在我的 html 页面上有这个（在 Chrome 中呈现）：
但我想要这个：
正如您在第一张图片中所看到的，即使所有文本块都在其后面具有相同的 css 跨度，但它们看起来并不相同，具体取决于它们在页面中的位置（我猜想是因为它们被放置在浮点位置而不是整数，所以 1 个像素看起来像 ~1.5)。
注意：字体目前以 .woff2 和 .woff 格式导入，顺序为 @font-face。
我找到了一种适合我的字体：https://www.dafont.com/fr/pixel-operator.font。
我必须小心放置 html 元素以避免将它们定位在浮点数位置，但它是迄今为止我发现的最一致的字体。