文本的字体和垂直位置

Question

我想在我的网站上使用After Disaster字体，但我无法在不同的浏览器中实现显示文本的相同垂直位置。甚至更多 - 它也依赖于系统。你可以测试一下：

http://jsfiddle.net/z7rby/1/

在Linux上，Google Chrome显示的文字比Firefox和Opera高出一个像素。在Windows上，Google Chrome会在后台显示它。我该怎么办？

Answer 1

没有办法解决这个问题。您必须接受在不同系统上呈现的字体略有不同，并找到另一种方法来实现您的视觉目标。

您可以通过定位CSS控制您的布局，例如宽度，高度但不是字体渲染。

如果该控制级别不够“足够好”，那么您可以编写依赖于浏览器的CSS（在线教程）来弥补差异。

但请记住，所有计算中的目标都是“足够好”：完美并不符合成本效益！

一旦你达到了进一步改进需要一定努力的水平，但是有更重要的事情需要花费这些努力，那就是你完成的时候。