Font Awesome アイコンを含む span のコンテンツを CSS ページから直接変更しようとしていますが、機能しないようです。
1) ドキュメントと
2) 私の HTML は次のようになります:
リーリー3) 次に、アイコンのある範囲のコンテンツを CSS ページから直接変更したいとします。
私の CSS は現在次のようになりますが、機能せず、アイコンの代わりに四角形が表示されます。
リーリー リーリー
興味深いことに、いくつかのアイコンが使用されているようです。 content: 'f007'; でテストすると、機能します。なぜなのかご存知ですか？
(なぜ CSS で直接アイコンを変更するのか疑問に思っている方は、メディア クエリを使用しているため、HTML ページにアイコンを直接追加できないためです)
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
コメントより:
レンダリングを薄くするために、透明色
text-linesを使用してテストします:JS SVG バージョン を使用している場合は、以下をお読みください: JS SVG バージョンを使用すると、Font Awesome 5 が空で四角く表示されます##追加する必要があります
フォントウェイト: 900リーリー リーリー