是的，抱歉，我本应更新我的帖子。我已经弄清楚，使用 Font Awesome 时，需要将其添加到 Setup 中。
最近我也学到了，正如你所说，需要创建一个 SVG 精灵文件并上传到 icons-sprites。
我仍在学习许多新事物。感谢帮助我不断提升知识。谢谢。
2 个赞
我也看到了这个问题，我相信 Penar 会修复它，但暂时可以用这个来解决：
.select-kit .select-kit-header .selected-name .name .d-icon {
margin-right: .25em;
}
3 个赞
谢谢两位，这个问题现在应该已经解决了。
8 个赞
可以使用 Font Awesome 以外的图标吗？我的论坛是关于旅行的，需要一些 Font Awesome 中没有的特定图标。例如，我们可以像使用分类图标那样使用普通的 PNG 图标文件吗？谢谢！
3 个赞
您可以使用自定义图标，只需将其转换为 SVG 格式，并通过 SVG 精灵图添加到您的主题中。请参阅本指南中的“创建 SVG 精灵图”部分，了解如何将自定义图标添加到您的站点，之后即可在该组件（以及整个 Discourse 站点）中使用它们。
7 个赞
效果很好！
我能否调整一下，让图标显示在分类标题之后？
额外问题：能否添加工具提示/替代文本？
（背景：我隐藏了挂锁图标，转而使用此组件为我仅有的几个公开分类添加图标。我希望用户能够了解该符号的含义。）
1 个赞
我在自定义图标的用法上遇到了问题。我找不到任何关于是否需要使用前缀的说明。以下是我的操作步骤。
以下是我正在使用的 SVG 文件：https://andronixforumupload.ams3.digitaloceanspaces.com/original/1X/bdabc28a604dc98bb25ce8af2ef6f8dc7c9f2626.svg
如您所见，我完全看不到 Arch 图标。
1 个赞
- 创建 SVG 精灵图：Replace Discourse's default SVG icons with custom icons in a theme
- 在您的主题组件中上传精灵图，并将变量名设置为
icons-sprite：
- 在组件设置中，使用您想要的图标的 ID。例如，如果您的电子表格中有一个名为
my-icon的图标 ID，您可以这样写：
结果：
6 个赞
在您的精灵表（spritesheet）中，尝试将：
<svg width="0" height="0" class="hidden">
替换为：
<svg xmlns="http://www.w3.org/2000/svg">
此外，无需在 SVG 图标 设置字段中添加图标 ID，您上传的精灵表中的所有自定义图标均已可用。
我认为 SVG 图标 设置旨在加载额外的 Font Awesome 图标，因为 Discourse 默认仅加载一组预定义的少量图标。
5 个赞
@Canapin 谢谢！效果非常好。不过我还有一个问题：这个精灵文件是特定组件独有的，还是我可以在任何地方通过 ID 访问这些图标？
2 个赞
当您将文件上传到已使用的主题或主题组件时，您可以在任何其他位置使用它，因此我猜您可以在任何地方使用您的图标 ID。
1 个赞
嘿，Penar，这会支持新的 Font Awesome Pro 插件吗？还是有什么我遗漏的使用方式？谢谢！
1 个赞
是的，它应该与 Pro 插件配合使用。您是否仅看到类别图标的非 Pro SVG 文件？
2 个赞
是的，移除我的精灵后，仅显示非专业版。此外，非专业版也不遵循 fa_icon_style 设置（如浅色图标等）。
嗯，在我的本地网站上这运行正常。
这是齿轮图标，使用了插件并选择了“浅色”样式。与下面的常规样式进行对比。
不过也许我检查的不是正确的地方……如果某个特定图标在你那边显示不正确，请告诉我。
4 个赞
这是一个将其设置为浅色的示例。Image Critiques 的图标是 comment-alt-edit，并未显示（这是一个专业版图标）；Image Showcase 的图标是 images，这不是专业版图标，但显示的是普通版本而非浅色版本。Discussions 显示的是 comments 的实心版本，而 Community 则按预期显示了 users 的浅色版本。
我尝试将其中一个更改为 cog，结果按预期显示了正确的浅色版本。这里有很多奇怪的现象！
2 个赞
你试过 far-comment-alt-edit 吗？
3 个赞
好的，我明白了。关键在于category icon list中需要包含far-，而不是svg icons。因此，对于浅色图标，我必须将所有图标改为fal-，并且这不会遵循站点设置的fa icon style，对吗？
2 个赞