CSS中的真正位图（无抗锯齿/阴影等）字体

我试图让firefox和chrome正确呈现位图字体，但不管我怎么做，它们在某种程度上总是反别名文本。我正在使用terminus，从TTF转换为WOFF，并包含在CSS中的@font-face中。以下是我希望它看起来的样子：

但它最终的样子是这样的（在Chrome中，Firefox几乎是一样的）：

如果仔细观察，可以看到轻微的抗锯齿。以下是相关的CSS，所有试图阻止它的尝试都是徒劳的：

body {
  font-family: terminus, monospace;
  font-size: 12pt;
  color: #746C48;
  font-smooth: none !important;
  -webkit-font-smoothing: none !important;
  -webkit-text-stroke: none !important;
  text-shadow: none !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility:    hidden !important;
  -ms-backface-visibility:     hidden !important;
}

和@font-face：

@font-face {
    font-family: "terminus";
    src: url([omitted]) format('woff');
}

---

谢谢

如果你想在文本中实现像素完美，可以使用图像。这不是一个选项，而是博客正文。顺便说一句，正确的语法是

font-smooth:never

。但我认为这不会有多大帮助：完全关闭浏览器和操作系统平滑/抗锯齿/亚像素渲染是不可能的。