font-awesome - 如何确保每个字形具有相同的宽度？

Question

我注意到即使在相同的字体大小下，也没有标准宽度。如何在项目列表前面使用它们，以使单词不会出现锯齿状？

问题截图:

这是代码:

<ul id="myTab">
    <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li>
    <li><a href="#video"><i class="icon-film"></i> Videos</a></li>
    <li><a href="#asset"><i class="icon-paper-clip"></i> Assets</a></li>
    <li><a href="#payment"><i class="icon-credit-card"></i> Payment</a></li>
    <li><a href="#history"><i class="icon-calendar empty"></i> History</a></li>
</ul>

Answer 1

自 3.1.1 起，您可以使用 icon-fixed-width 类，而不必编辑 CSS。

http://fortawesome.github.io/Font-Awesome/3.2.1/examples/#navigation

从 4.0 开始，您应该使用 fa-fw:
4.x https://fontawesome.com/v4.7.0/examples/#fixed-width
5.x https://fontawesome.com/how-to-use/on-the-web/styling/fixed-width-icons

感谢@kalessin 的指出。