twitter-bootstrap - 为什么 Bootstrap 的 24px 大小的 Glyphicons 被渲染为 26px 高度

Question

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

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

但它实际上呈现为 26px 高度。原因是什么以及如何解决？这是字体的错误吗？如何让我的图标正好是 24px*24px？

这出现在 bootstrap 3.0.2 中。

这是针对这种情况的 jsfiddle http://jsfiddle.net/U8bLZ/2/和示例屏幕截图

放大到 3 到 5 的部分