文本的字体和垂直位置

时间:2012-06-26 13:37:07

标签: position font-face padding margin

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

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

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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

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