主题组件中的图标不再显示

支持
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 属性也没有任何效果。实际上，图标似乎根本没有显示。也许是因为它在该图标集中找不到对应的图标？

如果您想查看实际页面：

图标的位置（实际上有两个图标）：

image
image2498×1440 435 KB

4

你试过在这个设置中在 facebook-f 和 youtube 之前加上 fab- 吗？我为所有图标都使用了前缀，即使是 fa-。

5

是的，现在可以工作了。

请问在新版 Discourse 中与此相关的变更是什么？因为之前（几天/几周前）它还是正常的。:thinking:

这个前缀设置让人有些困惑。

谢谢 @Steven :sports_medal:

6

哦，好眼力 @Steven，我们最近移除了对旧版 Font Awesome 图标名称的支持。