Html 家具及固定装置；Chrome：Windows/Linux中的文本边界框差异

我正在尝试使用

position:absolute

定位几个文本元素。然而，在Firefox和Chrome上，文本元素的边界框在Windows和Linux中的大小似乎有所不同

我提取了一个简单的测试用例，可以在这里使用：

我尝试过各种对齐技巧，并手动指定高度，但无法使其正常工作。任何帮助都将不胜感激。

在事件列表h1下添加行高：26px；以匹配您的字体大小。这会解决你的问题

您可能还需要添加边距：0；填充：0；在事件列表h1下添加行高：26px；以匹配您的字体大小。这会解决你的问题

---

您可能还需要添加边距：0；填充：0；在h1、h2、h3、h4、h5、h6下，两个系统是否安装了相同的字体？可能这里和那里的字体略有不同。必须在目标系统上进行字体渲染；该示例将@font-face与OTF链接字体一起使用。@pharalle-OTF有什么问题@aularon-我没有在任何一台机器上安装这种字体，它是从服务器上提取的。你可以自己试试。OTF没有任何问题——只是指出它在两个操作系统上都是相同的字体：）脱离主题，但我希望你的实际页面在html元素上有dir=rtl，而不是使用CSS。至于屏幕截图，我也怀疑字体渲染。例如，这是Chrome/Linux:我应该得到@font-face字体。这两个系统安装的字体相同吗？可能这里和那里的字体略有不同。必须在目标系统上进行字体渲染；该示例将@font-face与OTF链接字体一起使用。@pharalle-OTF有什么问题@aularon-我没有在任何一台机器上安装这种字体，它是从服务器上提取的。你可以自己试试。OTF没有任何问题——只是指出它在两个操作系统上都是相同的字体：）脱离主题，但我希望你的实际页面在html元素上有dir=rtl，而不是使用CSS。至于屏幕截图，我也怀疑字体渲染。例如，这里是Chrome/Linux：我应该得到@font-face字体。