Firefox 无法正确呈现等距字体答案

【问题标题】：Firefox fails to render mono spaced font correctlyFirefox 无法正确呈现等距字体
【发布时间】：2010-07-25 00:15:33
【问题描述】：

好的，这是我的问题，我认为使用 Google Webfonts 会为我处理所有跨浏览器的混乱，你猜怎么着，我错了。

事实证明，Firefox 不喜欢Droid Sans Mono。特别是，它比非粗体呈现粗体字形WIDER，当您在 JS 中创建基于终端的黑客游戏时，这会变得非常不方便。

你可以看这里，等待几秒钟让引导序列通过，然后查看顶部的状态行：
http://dl.dropbox.com/u/2332843/os/os.html

嗯，所以现在我正在寻找一种方法让 Firefox 正确呈现整个事物，或者寻找 Droid Sans Mono 的良好替代品。

【问题讨论】：

【解决方案1】：

理想情况下，您需要一种有自己的粗体变体的字体。粗体面通常由用户代理为缺乏实际粗体面的面合成。见：

这样一种等宽字体是DejaVu Sans Mono。此字体具有正常、粗体和斜体变体，它们以相同的宽度呈现字符。字体大小为 10px 时清晰易读。

【讨论】：

太棒了，完成了这项工作，尽管现在我在 IE 上遇到了“较小”的问题，但我想我只会用条件和 Android 字体来解决这个问题 :)
这对我不起作用。即使是拥有自己的粗体字体变体的字体（例如 Roboto Mono、DejaVu Sans Mono 和我尝试过的更多字体）也会显示错误的宽度，这对于在 Gerrit 中查看代码差异真的很烦人。我坚持使用 FF 52.1.0 ESR，唯一有效的是通过 FF Add-on Stylish 删除粗体样式。
实际上，我找到了一个更好的解决方案（仍然使用 FF Stylish Add-on）：我将字体系列重述为我在 FF 首选项中用于等宽字体的同一个系列，例如字体系列：Roboto Mono。在 css 代码中，它神奇地正确呈现。