在Windows中查看网页时文本向下移位

Question

在Ubuntu中开发页面之后，我在Windows 7中查看了它。 在Windows中查看时，我发现文本略有下移。

下图左侧是来自 Google Chrome on Ubuntu 11.04 的屏幕截图 右图是来自Windows 7 Google Chrome

的屏幕截图

请注意右图中的向下文字移位。在这两个平台上，Chrome和Firefox都可以看到相同的效果。 （IE也是，如果有人有兴趣的话）

这是由于Windows中使用了不同的字体吗？ 我在这里使用的字体堆栈是 -

font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 

虽然我也试过使用像 -

这样的简单堆栈

font-family: Helvetica, Arial, sans-serif;

但问题仍然存在。如果这是由于字体的更改，我可以使用CSS hack在Windows中稍微提高字体吗？

注意我正在使用Paul Irish的HTML5样板 - 其中包含CSS重置。

Answer 1

这不是垂直对齐问题。确保为该文本设置了margin，padding和ESPECIALLY line-height值。我建议使用line-height的百分比（例如120％）