Twitter bootstrap 为什么要引导&x27；大小为24px的Glyphs图标渲染为26px高度

我正在css中进行“像素移动”，经过一段时间的努力后，我注意到问题的根本原因是bootstrap中包含的“半人字形”字体。我正在尝试渲染我的图标，如下所示

<style>
.size24 {
   font-size: 24px;
   background-color: red;
}
</style>
<span class="glyphicon glyphicon-trash size24" ></span>

.尺码24{
字体大小：24px；
背景色：红色；
}

但它实际上渲染为26px高度。原因是什么？如何解决？这是字体中的错误吗？如何使我的图标精确到24px*24px

这在bootstrap 3.0.2中出现

下面是该案例的JSFIDLE和示例屏幕截图

放大部分至3至5

---

根据谷歌开发者工具，这是24x24Yep，开发者工具说是24x24，但从视觉上看是24x26。我添加了border（）并启用了屏幕截图，以便更好地查看问题。主要问题是它破坏了垂直对齐。顺便说一句，您可能会注意到，在引导示例中，图标没有正确地垂直对齐，而是基线化，然后垂直居中。