Font Awesome 5 JS SVG に空の四角形が表示される: 修正するにはどうすればよいですか?

Font Awesome 5 が JS SVG バージョンで空の四角形を表示する

Font Awesome 5 の JS SVG バージョンを使用してリスト項目の箇条書きをアイコンに置き換えようとすると、意図したアイコンの代わりに空の四角形が表示される場合があります。これを解決するには、スクリプト タグに data-search-pseudo-elements 属性を追加して、JS バージョンで擬似要素の使用を有効にします。

<script data-search-pseudo-elements src="https://use.fontawesome.com/releases/v5.13.0/js/all.js"></script>

アイコンの外観をカスタマイズするには、SVG 要素をターゲットにしますCSS の使用:

.testitems svg {
  color: blue;
  margin: 0 5px 0 -15px;
}

明確にするために、このソリューションは Font Awesome 5 の JS SVG バージョン用です。 CSS バージョンでこの問題が発生する場合は、「Font Awesome 5、なぜ CSS コンテンツが表示されないのですか?」を参照してください。

以上がFont Awesome 5 JS SVG に空の四角形が表示される: 修正するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。