CSS経由のUnicode：before

私が使用しています素晴らしいフォントを自分のWebページ上で、私は内側にアイコン表示したい:before疑似要素を。

ドキュメント/チートシートによると、このフォントを取得するには入力する必要がありますが、機能していません。HTMLエンティティはでサポートされていないため、これは正常だと思います:before。
そこで少しグーグルで調べたところ、HTMLエンティティをで表示:beforeする場合は、エスケープされた16進参照を使用する必要があることがわかりました。
そのため、への16進参照を検索していましたが、何も見つかりませんでした。それは、それが何を意味するにせよ、これらは「私的使用」の価値観だからだと思います。

それを機能させる方法はあります:beforeか？

のエスケープされた16進参照はです\f066。

content: "\f066";

CSSでは、FontAwesomeユニコードは、正しいフォントファミリが宣言されている場合にのみ機能します（バージョン4以下）。

font-family: "FontAwesome";
content: "\f066";

更新-バージョン5の名前は異なります。

自由

font-family: "Font Awesome 5 Free"

プロ

font-family: "Font Awesome 5 Pro"

ブランド

font-family: "Font Awesome 5 Brands"

この関連する回答を参照してください：https： //stackoverflow.com/a/48004111/2575724

Fileformat.infoは、このようなもののかなり良いリファレンスです。あなたの場合、それはすでに16進数になっているので、16進数の値はf066です。だからあなたはするだろう：

content: "\f066";

アイコンフォントのトリックで使用されるコードポイントは通常、私的使用のコードポイントです。つまり、一般的に定義された意味はなく、利害関係者間の私的な合意によってのみ、オープンな情報交換で使用されるべきではありません。ただし、私的使用のコードポイントは、他のUnicode値として表すことができます。たとえば、CSS\f066では、他の人が答えているように、のような表記を使用します。ドキュメントがUTF-8でエンコードされていて、オーサリング環境で任意のUnicode値をその番号で入力する方法を知っている場合は、コードポイントをそのまま入力することもできます（ただし、通常は不明な記号を使用して表示されます）キャラクター）。

ただし、これはアイコンフォントを使用する通常の方法ではありません。通常、フォントで提供されるCSSファイルを使用し、のような構造を使用します<span class="icon-resize-small">foo</span>。CSSコードは、要素の先頭にシンボルを挿入する処理を行います。コードポイント番号を知る必要はありません。

最初にHTMLファイル内のfontwaesomeCSSファイルをリンクし、次に「font-family： "FontAwesome"; content： "\ f101";」のような後または前の疑似クラスを作成します。次に保存します。これがうまくいくことを願っています。