如何确定每个字形的宽度相同？

我注意到，即使使用相同的字体大小，也没有标准的宽度。如何在项目列表前使用这些字词，以免出现锯齿状？

问题截图：

这是代码：

<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>

从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 / style / fixed-width-icons

感谢@kalessin指出。

您确定没有定义其他样式来执行此操作吗？

这是将HTML放在我使用Font Awesome的网站上的文件中的样子：

注意图标和文本如何对齐。这是添加了行的原始图像：

看起来您在某个地方定义了一种样式，该样式正在删除Font Awesome样式。

您也可以尝试添加原始的Font Awesome样式（来自font-awesome.css）来查看是否可以暂时解决该问题：

li [class^="icon-"], .nav li [class^="icon-"], 
li [class*=" icon-"], .nav li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

使用此CSS可以轻松简单地缩放字形或任何图标

> .fa { transform: scale(1.5,1); }

对于4.X以上的Fontawesome版本，请fa-fw在<i>标记中使用class 。参考：-https: //fontawesome.com/how-to-use/on-the-web/styling/fixed-width-icons