字体真棒"fa-bars"改变风格:宽度，薄，距离

Question

如何减小字体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>

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

Answer 2

根据我的评论，看看这个JSFiddle。

#bars {
color: black;
font-weight: lighter;
font-size: 14px;
}

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<i id="bars" class="fa fa-bars" aria-hidden="true"></i>