字体真棒图标不是垂直居中的

Question

我正在使用最新的font-awesome库（4.4），似乎有些图标不是垂直居中的，或者它们的大小不同。

Reproduction online

我在font-size: 14px;列表上进行了缩放：

我有什么问题吗？

Answer 1

.quick-actions i.fa-commenting-o:before{
    font-size:50px;
    /*margin-top:-5px;*/
    float:left;
}

这似乎有效...... http://jsfiddle.net/nh1sgw1a/

编辑（我发现它确实是fa-commenting-o的问题）：

bar

http://jsfiddle.net/nh1sgw1a/2/

Answer 2

如同在评论中所说的那样，它们没有被绘制在其形状的水平轴中间，并且这就是为什么它们看起来像处于不同的高度。 也就是说，我发现这个CSS规则对于将它们放置在我的按钮/条的中间边缘更有用（更垂直居中，虽然不完美）：

i.fa {
  vertical-align: middle;
}