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