私はこの問題に夢中になります。私はページに8つのアイコンを表示したいが、そのうちの4つだけが表示されている。私はthis for helpを見上げたが、何も役に立たなかった。私はStackOverflowでもチェックしましたが、有用なものは得られませんでした。フォントがすばらしいいくつかのアイコンがありません
フルコードはhereです。
そして、これは私がアイコンを参照してください方法です。
私はローカルホストでこれを取得し、altervistaにそれをアップロードしました。 Chrome、Firefox、Vivaldiでこれを取得します。私は地元のファクシミリファイルとCDNでこれを取得します。表示されていないアイコンには:beforeがありませんが、理由はわかりません。誰か助けてくれますか？
バージョン4.7で導入されたアイコン（例：fa-thermometer-halfまたはfa-free-code-camp）を使用しています。しかし、あなたのウェブサイトにはFontAwesomeのバージョン4.6.3が含まれています（here参照）。したがって、FontAwesomeインスタンスを最新バージョンに更新して問題を解決してください。
最新のFont Awesomeを使用するか、このコードを頭のセクションにコピーしてください。
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
あなたは、ブートストラップCDNによって提供されるこのCDNを使用して素晴らしいCSSのフォントに、既存のリンクを交換し、マジックを見ることができます。
CDN：私の場合はhttps://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css
問題はCSSで私がやっていたということでした。
.icon:before {
font-family: "Font Awesome";
}
を、それがあるべきながら：でも、単一の文字の異なる原因を取得
.icon:before {
font-family: "Font Awesome 5 Free";
}
のアイコンが消えます。恐ろしいこと。 これが役立つことを願っています。