:: :: pseudo for :: before擬似の代わりにAwesomeを使用する方法

Question

Font Awesomeは:after疑似を提供していません。 :before pseudoの代わりに:afterをデフォルトで使用できますか？

例：<i class="fa fa-facebook">facebook</i>を使用する場合、アイコンは:beforeの代わりに:afterを使用する必要があります。

私は以下の通りアイコンを使用したくない：

<span> 25 <i class="fa fa-percent" aria-hidden="true"></i> </span> 

私は解決策の上に使用している場合、それは間違いなく動作しています。私は25の後にアイコンを置くことができますが、私は私の場合、この

を使用する状況ではないです：

<span class="percent fa fa-percent">25</span> 

現在の結果：

.fa-percent:before { 
    content: "\f295"; 
} 

期待される結果：

.fa-percent:after { 
    content: "\f295"; 
} 

どうすればこれを達成できますか？

Answer 1

これは達成しようとしていることですか？

.percent:after { 
 
    font-family: fontAwesome; 
 
    content: "\f295"; 
 
}

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
 
<span class="percent">25</span>