我正在尝试使用fa-fw和fa-border创建一些图标，以使它们具有相同的宽度和边框。我尝试过使用fa-stack，但这不再是一种选择。
仅使用fa-border时，内部图标位于边框的中心，但使用fa-fw会使图标在边框内部对齐，至少在某些图标上，如这一个
<i class="fa fa-quote-left fa-fw fa-3x fa-border"></i>
如何使用fa-fw和fa-border
答案 0 :(得分：1)
如果查看css，fa-fw类会为<i/>元素提供大约1.3em的固定宽度。但是fa-3x类将font-size设置为3em。这就是为什么看起来图标被推到右侧，但实际上容器对于图标而言太小了。
基本上你需要的是你自己的自定义fa-fw-3x课程。像这样：
.fa-fw-3x { width: 3.3em; }
摆弄宽度，找出你需要的东西。