アイコンをフォントファミリとしてロードする

Question

私のWebアプリケーションにカスタム.ttfを追加しました。

@font-face{ 
    font-family: 'CustomIcons'; 
    src: font-url('CustomIcons.ttf') format("truetype"); 
} 

まだブラウザの互換性については気にしません。

アイコンがロードされたので、どのように使用できるのか分かりません。私はFontAwesomeのアイコンを追加するときのようなCSSを持っていないので、どのようにマッピングされているかわかりません。

これを知るにはどうしたらいいですか？

Answer 1

これは、文書化されていないアイコンフォントの存在です。

@Omarのthis answerが何にマップされているのかを調べるには、奇妙な文字マッピングをどのようにリバースエンジニアリングするのかが素晴らしいです。

オプション2）を使用しicomoonアプリ

サインアップし、そのプロジェクトで新しいプロジェクトを作成し、（フォント（下 右下に「+インポートアイコン」）と呼ばれるトップの左ボタンをあなたのフォント ファイルをインポートオプション）を選択すると、すべてのアイコンとそれぞれの コードのリストが表示されます。これは確実に機能するはずです。