带有Font Awesome灯图标的CSS内容

Question

我有以下CSS代码

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

在元素后添加右箭头，但我希望箭头不是粗体。字体权重属性不起作用，我不能添加HTMT，例如＆＃34; i class =＆＃34; fal fa-arrow-right＆＃34;在content属性中。

任何人都知道如何实现这一目标？谢谢

修改： 我发现这种方法可以减轻行程的重量     -webkit-text-stroke：2px＃3EC5E6; 但我的问题是我使用不透明的背景，因为alpha

我有一些问题需要匹配颜色

EDIT2 我切换到RGB颜色而不是RGBA，上面的解决方案现在很好用

Answer 1

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

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

Answer 2

您可能使用课程fas和fa-arrow-right。而不是fas使用fal。但这只适用于Font Awesome 5 Pro。

修改

使用font-family: "Font Awesome 5 Light"，也可用于Font Awesome 5 Pro。