与 Foundation 模板（v2026.6）存在兼容性问题

[FabienL]

大家好，

最近我们将实例升级到了 Discourse 的 v2026.6 版本，结果发现我们使用的 Foundation 模板出现了一个意外的问题。

我们已经在本地进行了多项排查（基础测试、日志检查、禁用其他组件、检查调色板等），但截至目前，我们仍未能确定问题的确切根源，也找不到解决方案。

请问自此次更新以来，是否有人遇到过与该模板类似的故障？是否有调查方向、v2026.6 核心版本中值得注意的具体变更，或者一些建议可以提供给我们？

任何帮助或想法都欢迎。

提前感谢大家的反馈！

更新前：

更新后：

[Moin]

即将有一项更改 https://meta.discourse.org/t/modernizing-the-foundation-theme/395331，该更改现在可能已默认启用。
我认为目前你仍然可以通过访问 /admin/config/upcoming-changes 并将此更改设置为“无”（no one）来回滚这些更改。

但一旦该更改变为永久状态，这种方法将不再有效。届时，你需要一个自定义主题组件来覆盖新的默认设置。

[NateDhaliwal]

你在哪些方面遇到了困难，或者有哪些问题或差异让你感到棘手？

[FabienL]

两位好，

感谢你们的初步反馈。

@NateDhaliwal

1 - 搜索栏的上方和下方各增加了一个空格

2 - 原本为粗体（bold）的字体变为了半粗体（semi bold）

3 - 文本的对比度降低了，并且出现了一些轻微的模糊。

[awesomerobot (Kris)]

@FabienL

3 - 文本对比度较低，并且出现了一些模糊。

可以通过在主题的 CSS 中添加以下内容来更改：

body {
    --webkit-font-smoothing: auto;
}

这里有一些关于该属性作用的相关说明：A Modern CSS Reset • Josh W. Comeau…

在 2018 年发布的 macOS Mojave 中，苹果在整个操作系统范围内禁用了子像素抗锯齿。我猜测他们意识到在现代硬件上，它弊大于利。

令人困惑的是，macOS 上的浏览器（如 Chrome 和 Safari）默认仍然使用子像素抗锯齿。我们需要通过将其设置为 antialiased 来明确地关闭它。

为了展示差异……左侧是 --webkit-font-smoothing: auto;，右侧是 --webkit-font-smoothing: antialiased;

macOS 默认以较深的颜色渲染文本，但这仅适用于浏览器，而不适用于系统的其他部分…… antialiased 可以让它更接近其他操作系统中的文本渲染效果……在 Windows 上的 Chrome 中，该 CSS 不生效，文本默认看起来是这样的：