Css Firefox无法正确呈现单间距字体

Css Firefox无法正确呈现单间距字体,css,firefox,fonts,Css,Firefox,Fonts,好吧,这是我的问题,我以为使用谷歌Webfonts可以解决我所有跨浏览器的麻烦,猜猜看,我错了 事实证明Firefox并不喜欢它。特别是,它使粗体标志符比非粗体标志符更宽,这在JS中创建基于终端的黑客游戏时非常不方便 您可以在这里查看,等待几秒钟,等待引导序列通过,然后查看顶部的状态行: 好吧,现在我正在寻找一种方法使Firefox能够正确地呈现整个内容,或者是Droid Sans Mono的一个好替代品。理想情况下,你需要一种有自己粗体变体的字体。粗体人脸通常由用户代理合成,用于缺少实际粗体

好吧,这是我的问题,我以为使用谷歌Webfonts可以解决我所有跨浏览器的麻烦,猜猜看,我错了

事实证明Firefox并不喜欢它。特别是,它使粗体标志符比非粗体标志符更宽,这在JS中创建基于终端的黑客游戏时非常不方便

您可以在这里查看,等待几秒钟,等待引导序列通过,然后查看顶部的状态行:


好吧,现在我正在寻找一种方法使Firefox能够正确地呈现整个内容,或者是Droid Sans Mono的一个好替代品。

理想情况下,你需要一种有自己粗体变体的字体。粗体人脸通常由用户代理合成,用于缺少实际粗体人脸的人脸。见:

一个这样的单间距字体是。这种字体有普通字体、粗体字体和斜体字体,它们以相同的宽度呈现字符。它的字号为10px,清晰可辨


值得一提的是,谷歌的示例页面在Chrome浏览器中显示时,始终保持粗体和普通页面之间的一致性。另外,我确认FF 3.5.9中的间距变化很好,这就完成了任务,尽管现在我在IE中遇到了“较小”的问题,但我想我只会使用条件字体和Android字体:)来解决这个问题,但这对我来说不起作用。即使是有自己粗体字体变体的字体(例如Roboto Mono、DejaVu Sans Mono和我尝试过的其他字体)也会显示错误的宽度,这对于在Gerrit中查看代码差异来说非常恼人。我坚持使用FF 52.1.0 ESR,唯一有效的方法是通过FF附加时尚删除粗体样式。事实上,我找到了一个更好的解决方案(仍在使用FF附加时尚):我将字体系列重申为我在FF首选项中用于单间距字体的同一系列,例如字体系列:Roboto Mono。在css代码中,它神奇地正确呈现。