品牌标题

“否则” :raised_hand: :slight_smile:

由于这是一个#官方主题组件,由 Discourse 团队维护(并且非常受欢迎),所以它并没有被弃用。

不过我想你已经在你的另一个主题中得到了答复:

5 个赞

几个月以来,我的品牌标题中的一些图标一直显示不正常,可能自从 FA6 重命名以来。我终于花时间修复了它们,并认为分享如何处理命名以便使其正常工作可能会帮助到其他人。

我认为,必须查找源代码中的映射,查看 FA 的网站,并尝试使用 fa-fas- 前缀(以及前缀)来查看如何使其工作,这可能会有点令人困惑。这非常令人恼火,而且如果找不到图标,控制台中也没有错误,所以这完全是盲目试错。

我已经成功修复了,下面是一个解释每个位置的表格:

组件中的 Icons 对象设置 组件中的 custom font awesome icons 设置 svg icon subset 站点设置
user fa-user fa-user
envelope fa-envelope fa-envelope
calendar-days fa-calendar-days fa-calendar-days
fab-facebook (不需要) (不需要)

我觉得应该有一个统一的方式来引用 Discourse 中的 FA 图标,并且所有内容都应该遵循这种方式。

4 个赞

这让我离我想要的结果又近了一步,但我仍然难以让两个图标显示出来:

我也无法让 fa-facebookfa-instagramfa-discord 图标显示出来,只有 fab-* 类型的图标,例如 fab-facebook 可以显示。

有什么建议吗?

我认为你需要使用 fab 作为前缀。据我所知,fab 中的 b 代表“品牌”(brand)。因此,你的图标要么是 fab 代表品牌,fas 代表实心(solid),要么是 fa 代表常规版本。

所以我想应该是 fab-mastodonfab-bluesky。没有 fa-facebook 这样的版本。也许你更喜欢其他 Facebook 图标?

另外,别忘了将图标名称添加到 custom_font_awesome_icons 设置中。

2 个赞

是的,我使用 fab-bluesky 已经让它正常工作了。

1 个赞

谢谢,我不确定我是怎么错过的,但将 fab-blueskyfab-mastodon 添加到“自定义 Font Awesome 图标”配置列表 以及 添加菜单项最终解决了问题。

非常感谢你们!

1 个赞