Unicode via CSS：

Question

私のウェブページにFont Awesomeを使用しています。:before疑似要素内にアイコンを表示したいと思います。

documentation/cheatsheetによれば、このフォントを取得するにはと入力する必要がありますが、機能しません。 HTMLエンティティは:beforeでサポートされていないため、これは正常だと思います。
私はちょっと調べて、:beforeにHTMLエンティティを表示したい場合は、エスケープされた16進数の参照を使用する必要があることを知りました。
私はへの16進数参照を検索していましたが、何も見つかりませんでした。私はこれが何であれ、「プライベートユース」の価値であると信じています。

:beforeで動作させる方法はありますか？

Answer 1

のエスケープされた16進数のリファレンスは\f066です。

content: "\f066"; 

Answer 2

Fileformat.infoは、このようなものについてはかなり参考になります。あなたのケースでは、すでに16進数であるので、16進数値はf066です。だから、やるだろう：アイコンフォントのトリックで使用

content: "\f066"; 

Answer 3

コードポイントは通常、彼らは一般的な意味を定義していないとだけプライベートで、オープンな情報交換に使用してはならないことを意味私用のコードポイント、あります利害関係者間の合意。しかし、私的使用コードポイントは、他のUnicode値として表すことができます。 \f066のような表記法を使用しているCSSでは、他の人が答えています。あなたの文書がUTF-8でエンコードされていて、オーサリング環境で数字で任意のUnicode値をタイプする方法を知っている場合は、コードポイントを入力することさえできます（もちろん、通常は未知のシンボルを使用して表示されます）キャラクター）。

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

Answer 4

正しいフォントファミリが宣言されたときに、FontAwesomeユニコードのみ動作します。

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