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

**URL:** https://meta.discourse.org/t/probleme-de-compatibilite-avec-le-template-foundation-v2026-6/411036
**Category:** Support
**Created:** [2026年八月27日 06:48 UTC](https://meta.discourse.org/t/probleme-de-compatibilite-avec-le-template-foundation-v2026-6/411036 "2026-08-27T06:48:04Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![FabienL](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fabienl/32/501483_2.png) [@FabienL](https://meta.discourse.org/u/FabienL)
#### Post date: [2026年八月27日 06:48 UTC](https://meta.discourse.org/t/probleme-de-compatibilite-avec-le-template-foundation-v2026-6/411036/1 "2026-08-27T06:48:04Z")

</div>

大家好，

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

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

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

任何帮助或想法都欢迎。

提前感谢大家的反馈！

更新前：

 ![Capture d’écran 2026-07-30 à 09.24.10](https://global.discourse-cdn.com/meta/original/4X/b/4/4/b440b7b92f4aba0f9b75ba1be8f1e72823961b42.png)

更新后：

 ![Capture d’écran 2026-07-30 à 09.25.44](https://global.discourse-cdn.com/meta/original/4X/0/2/6/02699ff077392be54d2d296fcae2b577c3251d80.png)

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [2026年八月27日 07:10 UTC](https://meta.discourse.org/t/probleme-de-compatibilite-avec-le-template-foundation-v2026-6/411036/2 "2026-08-27T07:10:50Z")

</div>

即将有一项更改 [https://meta.discourse.org/t/modernizing-the-foundation-theme/395331，该更改现在可能已默认启用。](https://meta.discourse.org/t/modernizing-the-foundation-theme/395331%EF%BC%8C%E8%AF%A5%E6%9B%B4%E6%94%B9%E7%8E%B0%E5%9C%A8%E5%8F%AF%E8%83%BD%E5%B7%B2%E9%BB%98%E8%AE%A4%E5%90%AF%E7%94%A8%E3%80%82)  
我认为目前你仍然可以通过访问 `/admin/config/upcoming-changes` 并将此更改设置为“无”（no one）来回滚这些更改。

 ![Screenshot_20260827_090343_Firefox](https://global.discourse-cdn.com/meta/original/4X/8/c/8/8c80a2863285a531856d811441fbb52509ccb275.jpeg)

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

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [2026年八月27日 07:39 UTC](https://meta.discourse.org/t/probleme-de-compatibilite-avec-le-template-foundation-v2026-6/411036/3 "2026-08-27T07:39:07Z")

</div>

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

---

<div class="post-metadata">

### Author: ![FabienL](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/fabienl/32/501483_2.png) [@FabienL](https://meta.discourse.org/u/FabienL)
#### Post date: [2026年八月27日 08:45 UTC](https://meta.discourse.org/t/probleme-de-compatibilite-avec-le-template-foundation-v2026-6/411036/4 "2026-08-27T08:45:33Z")

</div>

两位好，

感谢你们的初步反馈。

@NateDhaliwal

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

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

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

 ![Capture d’écran 2026-08-27 à 10.38.31](https://global.discourse-cdn.com/meta/original/4X/e/1/2/e12f5fd692df8cff4bd41fd4e0c4ca62044b5b92.png)

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2026年八月27日 15:49 UTC](https://meta.discourse.org/t/probleme-de-compatibilite-avec-le-template-foundation-v2026-6/411036/6 "2026-08-27T15:49:26Z")

</div>

> [@FabienL](#):
>
> 3 - 文本对比度较低，并且出现了一些模糊。

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

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

```

这里有一些关于该属性作用的相关说明：[A Modern CSS Reset • Josh W. Comeau](https://www.joshwcomeau.com/css/custom-css-reset/#five-improve-text-rendering-6)…

> 在 2018 年发布的 macOS Mojave 中， **苹果在整个操作系统范围内禁用了子像素抗锯齿** 。我猜测他们意识到在现代硬件上，它弊大于利。
> 
> 令人困惑的是，macOS 上的浏览器（如 Chrome 和 Safari）默认仍然使用子像素抗锯齿。我们需要通过将其设置为 `antialiased` 来明确地关闭它。

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/3/3/333daeb9a5e11a8103b6c9436ac5c974f51d4502.png) ![image](https://global.discourse-cdn.com/meta/original/4X/9/4/0/94035278d4f4b019938c446b00f601d870cc223b.png)

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/3/0/2/30249a8adb08113e49826b461279b6e930b4dda4.png)
