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

时间:2017-02-09 08:41:05

标签: html css3 fonts

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

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

如何在所有浏览器中修复(垂直)字体间距问题以保持一致性? enter image description here

enter image description here

1 个答案:

答案 0 :(得分:0)

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

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

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

根据需要更改10px。

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