不同浏览器的行高和字体大小？

Question

我正在尝试垂直对齐div中的数字。 这是代码：

<div class="nb">2</div> 

display: inline-block;
height: 56px;
width: 56px;
background: transparent url("../img/stepnb.png") center center no-repeat;
line-height: 56px;
color: #255066;
text-shadow: 1px 1px 3px rgba(255,255,255,.75), -1px -1px 2px rgba(0,0,0,0.75);
font-size: 42px;
font-weight: bold;
margin-top: -25px;

注意：IE9到11的结果是相同的

正如您所看到的，它不是垂直居中于不同的浏览器。 您是否知道如何在没有条件评论或css hacks的情况下将其与所有主流浏览器对齐？

编辑：问题可能来自使用css重置，我会检查。

编辑2：对齐问题来自“Myriad pro”字体，该字体已分配给父div。

Answer 1

对齐问题来自“Myriad pro”字体，该字体已分配给父div。

谢谢大家的帮助：）