疑似要素スタイルで外部リンク文字が表示されないという問題があります。他のキャラクターが表示されます。
CDN 経由で含まれる Font-Awesome 5.0.6 無料、CSS/Webfont バージョン: https://use.fontawesome.com/releases/v5.0.6/css/all.css
これは私の通常の本文コンテンツで機能します:
<i class="fas fa-external-link-alt"></i>
CSS では、これは機能しません。
a:after {
font-family: 'Font Awesome 5 Free';
content: '\f35d';
}
擬似で別の文字を使用すると機能します。
a:after {
font-family: 'Font Awesome 5 Free';
content: '\f152';
}
ドキュメントによると、外部リンク アイコンは FA5 Free セットの一部です: https://fontawesome.com/icons/external-link-alt?style=solid
これはバグですか、それとも何か不足していますか?
編集 1 : JS フィドルの例: https://jsfiddle.net/berjcaLy/4/
編集 2<a>
:タグを<b>
またはでラップ<strong>
すると、外部リンクの疑似アイコンが機能することが偶然にわかりました。(JSfiddleも更新されました)