Css FONTSOWER`fa bars`更改样式：宽度、厚度、距离

如何减少

fa条的厚度

并增加垂直线之间的距离和延伸水平线

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

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

法兰西{
利润率：40像素；
字体大小：14px；
}

根据我的评论，看看这个

#条{
颜色：黑色；
字体重量：较轻；
字体大小：14px；
}

---

根据我的评论，看看这个

#条{
颜色：黑色；
字体重量：较轻；
字体大小：14px；
}

---

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

.bar div{
宽度：35px；
高度：5px；
背景色：黑色；
利润率：6px0；
}

---

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

.bar div{
宽度：35px；
高度：5px；
背景色：黑色；
利润率：6px0；
}

Font-Awesome图标实际上是Unicode字符，因此可以通过修改元素的文本属性来影响主“绘图”。在您的情况下，

font-weight:light。另外，我认为您不希望通过将每个字体字符分配给
.fa
类来将此更改应用于每个字体字符，也不希望通过将每个
条形图
字符分配给
.fa条形图
类来将其应用于每个
条形图
字符。例如，在此元素上放置一个id，然后仅将其分配给id
#条
。您需要购买专业版的Font Awesome才能实现所需的功能。正如您所见，较薄的条形图仅在专业版上可用。@LucasArbex是的，因为“绘图”是一个单独的字符，您可以影响其文本属性，如颜色、重量、大小等，但“绘图”本身的字体图标实际上是Unicode字符，因此您可以影响主“绘图”通过修改元素的文本属性。在您的情况下，
font-weight:light。另外，我认为您不希望通过将每个字体字符分配给
.fa
类来将此更改应用于每个字体字符，也不希望通过将每个
条形图
字符分配给
.fa条形图
类来将其应用于每个
条形图
字符。例如，在此元素上放置一个id，然后仅将其分配给id
#条
。您需要购买专业版的Font Awesome才能实现所需的功能。正如您所见，较薄的条形图仅在专业版上可用。@LucasArbex是的，因为“绘图”是一个单独的字符，您可以影响其文本属性，如颜色、重量、大小等，但不能影响“绘图”本身