|||
|-|-|-|
|
| 概要 | Discourse FontAwesome Pro を使用すると、Font Awesome Pro のライセンス（FontAwesome ライセンス）を活用し、アカウントの NPM パッケージトークンを使って Discourse で Font Awesome Pro アイコンを利用できます。|
|
| リポジトリリンク | https://github.com/discourse/discourse-fontawesome-pro|
|
| インストールガイド | Discourse にプラグインをインストールする方法|
設定
fontawesome pro icons enabled サイト設定をオンにし、fontawesome auth token サイト設定に Font Awesome Pro のパッケージトークンを入力してください（これは API トークンとは異なります）。Discourse はバックグラウンドでアイコンをダウンロードします。
代わりに、DISCOURSE_FONTAWESOME_AUTH_TOKEN 環境変数でトークンを設定することも可能です。この方法を使用する場合、キーは UI から編集できなくなります。
このプラグインの以前のバージョンでは、app.yml で scripts/install.sh を実行する必要がありました。これはもはや不要であり、削除できます。
オーバーライドするファミリーの選択:
管理設定で、デフォルトの Discourse アイコンファミリーをオーバーライドできます:
オーバーライドするスタイルの選択:
デフォルトのアイコンスタイルをオーバーライドすることもできます:
Duotone
Duotone サポートを完全に制御するには、以下の CSS を（テーマなどで）オーバーライドし、独自のカラースキームに置き換える必要があります:
svg {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
個々のアイコンに色を付けるには、SVG の ID を参照します:
#fad-search .fa-secondary {
--fa-secondary-color: red;
--fa-secondary-opacity: 0.6;
}
Duotone スタイリングの更新
.fa-secondary { color: red; }のようなクラスベースのセレクタを使用している場合は:.fa-secondary { color: red; }スタイルを CSS カスタムプロパティ を使用するよう更新する必要があります。クラスベースの色オーバーライドは、Font Awesome v7 で 廃止されたため、現在機能していません。
内部的には、これは FontAwesome のリポジトリ を使用してプラグインの SVG フォルダにフォントをインストールし、Discourse がそこからスプライトを取得できるようにしています。
