字体系列顶部和底部填充不同的chrome和firefox

Question

我正在使用'Shruti'网络字体，它们在chrome和Firefox中的呈现方式不同。

添加的图像用于文本框，同样的东西用于其他元素。我已经尝试在像素/ em中使用填充但是同样的事情。

如何在所有浏览器中修复（垂直）字体间距问题以保持一致性？

Answer 1

:-moz-placeholder { /* Firefox 18- */
line-height:10px;
}
::-moz-placeholder {  /* Firefox 19+ */
   line-height:10px;
}

:-ms-input-placeholder {  
   line-height:10px;
}

尝试将此添加到您的css代码中，它将允许您仅为firefox调整占位符的行高，使其看起来像在chrome中。

根据需要更改10px。

关于其他元素，您应该使用代码发布示例