品牌标题

几个月以来,我的品牌标题中的一些图标一直显示不正常,可能自从 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 图标,并且所有内容都应该遵循这种方式。

3 个赞