Font Awesomeのアイコンが表示されない

サポート
1

フリーの ranking-star を表示しようとしています。カスタムヘッダーリンク（アイコン）コンポーネントの SVG アイコンに追加しました：

image
image810×160 15.3 KB

リンクで呼び出しました：

image
image479×115 2.26 KB

しかし、表示されません：
image

生成されたHTML：

<li class="custom-header-icon-link header-icon-tableau-des-leaders vdo last-custom-icon">
  <a class="btn no-text icon btn-flat" href="/leaderboard" title="Tableau des leaders" rel="noopener">
      <svg class="fa d-icon d-icon-ranking-star svg-icon fa-width-auto svg-string" width="1em" height="1em" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><use href="#ranking-star"></use></svg><span class="sr-only">Tableau des leaders</span>
  </a>
</li>

「star」などの他のアイコンでは正常に動作します。
FontAwesomeのバージョンの問題でしょうか？ この発表 によると、Discourseに同梱されているFA6には ranking-star が含まれているはずです。

2

fab プレフィックスは FontAwesome Brand アイコン（ブランドアイコン）用です。ランキング・スター アイコンはブランドアイコンではなく、ソリッド アイコンです。したがって、プレフィックスは不要です。


その発表は古くなっています。Discourse は 1 月から V7 を出荷しています。ただし、発表はありませんでした：:woman_shrugging: