文本的字体和垂直位置

Question

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

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

在 Linux 上，Google Chrome 显示的文本比 Firefox 和 Opera 高 1 个像素。在 Windows 上，Google Chrome 将其显示在背景中间。我能用它做什么？

Answer 1

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

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

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

但请记住，所有计算的目标都是“足够好”：完美并不划算！

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