テーマコンポーネントでアイコンが表示されなくなりました

サポート
1

こんにちは。
テーマコンポーネントで、以下の HTML を使用して白いアイコンを設定しました：

<a class="header-social-link" title="La Commission Nationale Monocycle sur Facebook" href="https://www.facebook.com/CommissionNationaleMonocycle" target="_blank">
    <svg class="fa d-icon d-icon-fab-facebook-f svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-facebook-f"></use></svg>
</a>
<a class="header-social-link social-youtube" title="La Commission Nationale Monocycle sur Youtube" href="https://www.youtube.com/channel/UCajI37ddIczMkVS_H1HeyTQ" target="_blank">
    <svg class="fa d-icon d-icon-fab-youtube svg-icon svg-node" aria-hidden="true"><use xlink:href="#fab-youtube"></use></svg>
</a>

最近、これらのアイコンが表示されなくなったことに気づきました。おそらく 2.6.0beta1 への更新後に発生した問題のようです。

image
image329×102 1.76 KB

image
image253×206 2.93 KB

2.6.0beta2 にアップグレードしましたが、状況は変わりませんでした。
私のアイコンサブセットは以下の通りです：
image

なぜ表示されなくなったのか、何か心当たりはありますか？

2

スクリーンショットでは a.header-social-link に色設定が表示されていますが、リンク内の SVG 要素を検証すると、そこにも色設定はありますか？

3

いいえ、これだけ（デフォルトの内容）です：

.svg-icon, .svg-icon-title {
    height: 1em;
    width: 1em;
    line-height: 1;
    display: inline-flex;
    position: relative;
    vertical-align: -0.125em;
    fill: currentColor;
    flex-shrink: 0;
    overflow: visible;
}

そして、color 属性を追加しても何も変わりません。実際、アイコンが表示されていないようです。もしかすると、セット内からアイコンが見つからないのでしょうか？

実際のページを確認したい場合はこちら：

アイコンの場所（実際には2つのアイコンがあります）

image
image2498×1440 435 KB

4

この設定で facebook-f や youtube の前に fab- を付けてみましたか？私はすべてのアイコンに fa- プレフィックスを使っています。

5

はい、今では動作します。

以前（数日〜数週間前）は機能していたものが、新しい Discourse バージョンで何が変わったのでしょうか？ :thinking:

このプレフィックスの仕組みは混乱を招きますね。

@Steven :sports_medal: ありがとうございます。

6

おっと、見つけられましたね @Steven。私たちは最近、Font Awesome の以前のバージョンからのアイコン名のサポートを削除しました。