在 Discourse 主题中选择自定义字体的最佳实践?

大家好,

我正在自定义我的 Discourse 主题,并希望将默认字体(正文/标题)更新为更符合我社区品牌风格的独特字体。我知道 Discourse 允许通过“管理 > 自定义 > 主题/颜色”设置字体,并且还支持通过 CSS 添加自定义网络字体。

有几点想听听大家的意见:

  1. 大家更倾向于使用 Google Fonts、自托管字体,还是 Discourse 内置的字体选项?
  2. 添加自定义网络字体时,是否有任何性能问题(如页面加载速度)需要注意?
  3. 在选择字体以提高可读性时,有哪些无障碍最佳实践需要牢记?

非常欢迎大家分享任何建议、主题组件推荐,或者你们在自定义 Discourse 实例字体方面的经验!

2 个赞

我的建议是:尽量避免使用等宽字体(例如 JetBrains Mono),因为它们较难阅读,除非你的社区主要由硬核开发者组成 :wink:。但说真的,我曾在一个使用这种字体的社区待过,体验并不好(而且字母间距对我来说太大了)。

2 个赞

自托管始终是个不错的选择,因为它可以消除对外部资源的依赖,从而减少一次网络请求。你可以自行下载并托管 Google 字体,而 Discourse 内置的字体选项同样源自 Google,并不依赖其服务器。

如前所述,直接从你的网站提供字体对性能更有益(尽管字体文件通常很小,所以这并不是主要问题)。尽量只包含你需要的字体变体和样式,通常两种字体(常规和粗体)就足够了。

主要注意避免使用外观过于纤细的字体,如果你的网站支持深色模式,请再次检查其可读性……有时配色方案会带来很大影响。尝试在浏览器中放大/缩小,并在用户偏好设置中更改字体大小,以确保不会出现任何意外情况。

1 个赞