css - Fontawesome `fa-bars` 改变样式 : width, 瘦，距离

Question

如何减少fontawesome fa-bars的粗细，增加垂直线之间的距离并延长水平线？

 <i className="fa fa-bars" aria-hidden="true"></i>

.fa {
  margin: 40px;
  font-size: 14px;
}

Answer 1

为什么不试试更可定制的东西，比如:

.bars div {
  width: 35px;
  height: 5px;
  background-color: black;
  margin: 6px 0;
}

<div class="bars">
  <div></div>
  <div></div>
  <div></div>
</div>

通过这种方式，您可以编辑厚度并最终添加动画等自定义内容。