带有 Font Awesome 灯光图标的 CSS 内容

Question

我有以下 CSS 代码

content: "\f061";
color: #006697;
font-family: FontAwesome;

在元素后添加右箭头，但我希望箭头是浅色而不是粗体。字体粗细属性不起作用，我无法在内容属性中添加 HTMT，如“i class="fal fa-arrow-right"。

有人知道我怎样才能做到这一点吗？谢谢

编辑: 我发现这个方法可以减轻笔划的重量
-webkit-text-stroke: 2px #3EC5E6; 但我的问题是我正在使用不透明的背景，并且由于 alpha 的原因，我在匹配颜色方面遇到了一些问题

编辑2 我切换到 RGB 颜色而不是 RGBA，上面的解决方案现在效果很好

Answer 1

不确定 FA5 Pro 中的某些内容是否在最新版本中发生了变化，但 Reza Saadati 接受的答案对我不起作用 - 我必须这样做:

p:before{
    font-family:"Font Awesome 5 Pro";
    font-weight:300;
    content:"\f10d";
}