Html 从css更改fa图标

这里我有一个箭头里面的fa图标，我想把它改成fa-plus-square，但是不要触摸html，而是用css。如何实现

<div class="footer-text">
   <h4 itemprop="name">LOREM IPSUM</h4>
   <p class="text" itemprop="description">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa...</p>
   <span class="arrow"><i class="fa fa-chevron-right"></i></span>
</div>

乱数假文
Lorem ipsum dolor sit amet，一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨

您可以修改font-awome.css并将

fa chevron right

类中的代码更改为不同的图标，或者只是在另一个css文件中添加

fa chevron right

类，并添加必要的代码以显示所需的图标，但您必须确保新css文件声明在字体awesome文件之后。

要覆盖字体awesome图标，需要使用

fa plus square

的字符代码

正方的字符代码是

f0fe

。您只需在使用它之前覆盖

fa-chevron-right:before

span.arrow>i.fa.fa雪佛龙右：之前{
内容：“\f0fe”；
}

完整片段：

span.arrow>i.fa.fa雪佛龙右：之前{
内容：“\f0fe”；
}

乱数假文
Lorem ipsum dolor sit amet，一位杰出的领导者。埃尼安·康莫多·利古拉·埃吉特·多洛。埃尼安·马萨

如果不选择使用html，则必须使用javascript或jquery进行更改。