Font Awesome Sassファイルhttps://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sassを使用して_font-awesome.sassにしているので@import、Sassプロジェクトに参加できます。また、http：//middlemanapp.com/を使用してSassをに変換していますCssます。質問：
使用済みのアイコンクラスのみを変換された.cssに取り込む方法はありますか？今は_font-awesome.sassのすべてのクラスを運んでいたからです
ボーナス：再コンパイルすることは可能ですか？使用済みのアイコンクラスを使用してフォント、本番環境で使用ときにフォントを小さくすることは可能ですか？
上記の＃1に関するヒントを得ることができれば、それで十分です。
ありがとう。
回答:
Sassは、実際にどのクラスを使用しているかわかりません。これは、手動で自分でトリミングする必要があるものです。提供された.scssファイルを開き、不要なものをハックアウトします。
不要なグリフを削除するためにフォントファイル自体を編集するには、サードパーティのアプリケーションが必要であり、この質問の範囲を超えています。
Fontelloは、これらすべてを実行できるオンラインWebサービスです。複数のアイコンフォントコレクションを組み合わせて、プロジェクトに最適なフォントファイルを作成できます。カスタマイズされたフォントファイルに加えて、すでに生成されたスタイルを含む複数の.cssファイルを提供します（拡張子を.scssに変更すると、既存のSassプロジェクトにインポートできるようになります）。
fontelloはとても良いですが、IcoMoonはさらに素晴らしいです。
私はSASSではなくLESSを使用しているので、実装を調整する必要があるかもしれません。
環境：
これを使用して、必要なUnicode文字番号のリストを生成します。
fa_icons="globe|vimeo|youtube|facebook|twitter|google-plus"
for code in $(egrep "^@fa-var-($fa_icons):" less/font-awesome/variables.less | cut -d ':' -f 2 | sed -e 's/^ "\\//' | sed -e 's/";/,/' | sort ); do echo -n $code; done
次に、カスタムサブセットを選択するエキスパートモードのFontSquirrelでこれを使用します：http：//www.fontsquirrel.com/tools/webfont-generator
Unicode範囲では、上からコンマ区切りの値を入力します。
次に、CSSから不要なものを削除するには：
egrep "@fa-var-($fa_icons);" less/font-awesome/icons.less
less/font-awesome/icons.lessgrepからの出力を開いてファイルに貼り付ける必要があります。
ええと、サスは確かに少し揺らしてセレクター%をベースにすることができるので、それらは拡張可能です。これが完了すると、必要なアイコンに一致するようにクラスを作成できます。@extendfont-awesomeクラスを作成ます。
個人的に、私はこれを行い、実際にはマークアップのクラスを使用せず、関連する要素へのセレクターを使用し、 @extendとこれらのクラスでそれらをです。
例：
// _icons.scss
%#{$fa-css-prefix}-glass:before { content: $fa-var-glass; }
...
// _core.scss
%#{$fa-css-prefix} {
...
}
それからあなたのscssで
a.search {
@extend %fa;
@extend %fa-search;
}
エボイラ。
Fontasticは私のために働きました（それはFont Awesome githubページにリストされていました）。必要なグリフを選択し、新しいカスタムフォントとしてダウンロードします。優れたツール。
Iconmoonは私のために働いた。font-awesomeからsvgファイルをインポートして使用したので、サイトで利用できるアイコンだけでなく、必要なアイコンを確実に取得できます。また、このリンクは、新しいアイコンの統合に役立ちました https://tonyxu.io/posts/2018/use-icomoon-to-reduce-fontawesome-size/