如何仅使用CSS在HTML按钮上添加一些图标？

我有一个HTML按钮，图标为文本格式“>”。我想用任何FontAwsome图标替换此文本“>”，但我无法访问HTML、JS和PHP。我只能应用CSS。如何仅使用css添加FA图标

HTML代码：

<button type="button" role="presentation" class="owl-next">&gt;</button>

.owl-next {
     font-family: Font Awesome;
     font-weight: 900;
     content: "\f007";
}

---

使用此HTML按钮的网页链接：

我发现了一个示例，该示例准确地显示了如何执行类似操作，希望能有所帮助：

.图标：：之前{
显示：内联块；
字体风格：普通；
字体变体：正常；
文本呈现：自动；
-webkit字体平滑：抗锯齿；
}
.login:：之前{
字体系列：“font Awesome 5免费”；字体重量：900；内容：“\f007”；
}
.tps：：之前{
字体系列：“font Awesome 5免费”；字体重量：400；内容：“\f1ea”；
}
.twitter：：之前{
字体系列：“字体五大品牌”；内容：“\f099”；
}

登录
TPS报告
推特

要实现这一点，您必须在CSS中的选择器之前使用按钮上的图标

 .owl-next::before {
    font-family: Font Awesome;
    font-weight: 900;
    content: "\f007";
  }

---

本示例不包括任何字体图标的参考，如何添加字体图标。@AsadRazaq上的问题我现在添加了到FontAwesome的链接。