如何使用 font-awesome 控制字体粗细答案

【问题标题】：How to control font-weight with font-awesome如何使用 font-awesome 控制字体粗细
【发布时间】：2019-08-19 01:30:35
【问题描述】：

我想更改我的 font-awesome 字体的粗细（我使用的是第 5 版，但不是 Pro 版），但由于某种原因我无法做到。

我已经试过了：

.icon {
    font-size: 1.5rem;
    -webkit-text-stroke: 2px white;
    -webkit-text-stroke-width: 0%
}

有没有什么方法可以在不支付专业版的情况下获得“轻”版的图标？

谢谢。

【问题讨论】：

字体真棒字体只有一个权重，因此您无法更改它们。唯一的方法是使用 SVG + JS 版本或 SVG sprites。见fontawesome.com/how-to-use
Change font-weight of FontAwesome icons?的可能重复

【解决方案1】：

我知道这是旧的，但我也在寻找它，并意识到你只需要在 font awesome css 之后添加它。

 <style>
  .fa, .fas {
    font-weight: 400;
  }
</style>

【讨论】：

【解决方案2】：

该网站声明纯字体的font-weight 900 和品牌字体的font-weight 400 您无法控制font-weight。

【讨论】：