垂直对齐按钮文字？

Question

我有以下代码在通用按钮上显示文字：https://jsfiddle.net/6ogo4bqr/

<input id="Button1" type="button" value="Log In" class="btn1" />
<br />
<input id="Button2" type="button" value="Log In" class="btn2" />
<br />
<div id="Button3" class="btn3">Log In</div>

它在Firefox上工作正常但在iPad上按钮文本更多地显示在按钮顶部（尽管在使用Helvetica或Arial时可以正常）：

如何让iOS上的文本垂直对齐（顺便说一句，我不能让JSFiddle使用@ font-face）？

Answer 1

尝试删除文字的顶部和底部填充，然后添加line-height。

Answer 2

#selector{
  /*set both top and bottom padding with same values */
  padding-top: 20px;
  padding-bottom: 20px;
}

Answer 3

我最终发现我使用的特定字体文件已损坏。当我替换文件时，一切正常。