Font Awesome 5 で箇条書きに JS と SVG を使用すると空の四角形が表示されるのはなぜですか?

Font Awesome 5 が JS SVG で空の四角形を表示する

Font Awesome 5 を使用して順序なしリスト内の標準の箇条書きを置き換えようとすると、目的のアイコンの代わりに空の四角形が表示される場合があります。この問題は、ライブラリの JavaScript および SVG バージョンを使用しているときに発生する可能性があります。

解決策

この問題を解決するには、最新バージョンの Font Awesome 5 を使用していることを確認してください。 (v5.13.0以降)。このリリースでは、JS バージョンで擬似要素を使用できる機能が導入されました。

擬似要素の使用を有効にするには、JavaScript

• CSSを書くときにBorderについて注意すべきことまとめ
• 複数のスタイル選択とスタイルのリアルタイム切り替えを実現する方法_体験交流
• マーキーの詳細な使用状況分析
• CSSタイトル行の実装（行削除効果による行削除）
• CSS3 におけるグレースフル デグラデーションとプログレッシブ エンハンスメントの違い