# Páginas publicadas não usam theme-set --font-family e --header-font-family

**URL:** https://meta.discourse.org/t/published-pages-do-not-use-theme-set-font-family-and-header-font-family/389718
**Category:** Bug
**Tags:** page-publishing
**Created:** [26 Novembro , 2025 13:02 UTC](https://meta.discourse.org/t/published-pages-do-not-use-theme-set-font-family-and-header-font-family/389718 "2025-11-26T13:02:56Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [26 Novembro , 2025 13:02 UTC](https://meta.discourse.org/t/published-pages-do-not-use-theme-set-font-family-and-header-font-family/389718/1 "2025-11-26T13:02:57Z")

</div>

Em páginas publicadas, é impossível usar `--font-family` e `--heading-font-family` definidos por um tema.

Reprodutibilidade:

- crie um tema e insira isto no CSS

```plaintext
:root {
    --font-family: CommonTestFont;
    --heading-font-family: CommonTestHeaderFont;
}

```

- e isto em color-definitions

```plaintext
:root {
    --font-family: ColDefTestFont;
    --heading-font-family: ColDefTestHeaderFont;
}

```

Uma página regular usará eles nesta ordem (prioridade alta - baixa)

- variáveis definidas em comum
- variáveis definidas pelas configurações do site
- variáveis definidas em color-definitions

![image](https://global.discourse-cdn.com/meta/original/4X/7/8/6/78642fb4b495df81df9c4807a83f48ad1dbccc69.png)

Uma página publicada usará eles nesta ordem (prioridade alta-baixa)

- variáveis definidas pelas configurações do site
- variáveis definidas em color-definitions
- variáveis definidas em comum

![image](https://global.discourse-cdn.com/meta/original/4X/7/d/1/7d183fa556a5c46fb4afcf54732a398bfbe29382.png)

Duas coisas estão acontecendo aqui.

1. O arquivo CSS `color-definitions` coloca as variáveis de fonte definidas pelas configurações do site **depois** do `:root` da seção de color-definitions do tema, substituindo-as
2. Em uma página publicada, a ordem de carregamento do CSS é diferente, porque o CSS de `color-definitions` é carregado no corpo da página, então as variáveis definidas nele estão substituindo o CSS comum do tema.

---

<div class="post-metadata">

### Author: ![nat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nat/32/235063_2.png) [@nat](https://meta.discourse.org/u/nat)
#### Post date: [27 Novembro , 2025 04:28 UTC](https://meta.discourse.org/t/published-pages-do-not-use-theme-set-font-family-and-header-font-family/389718/3 "2025-11-27T04:28:59Z")

</div>

Obrigado pelo relatório, aprecio a investigação.

Informei a equipe apropriada para priorização.

---

<div class="post-metadata">

### Author: ![jordan.vidrine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jordan.vidrine/32/515563_2.png) [@jordan.vidrine](https://meta.discourse.org/u/jordan.vidrine)
#### Post date: [28 Novembro , 2025 19:57 UTC](https://meta.discourse.org/t/published-pages-do-not-use-theme-set-font-family-and-header-font-family/389718/4 "2025-11-28T19:57:41Z")

</div>

Obrigado por relatar! A correção para isso foi aplicada neste PR, que acabamos de mesclar.

> <https://github.com/discourse/discourse/pull/36325>
>
> The color scheme stylesheets (which define \*much more\* than colors) were being l…oaded into the body of a published page, overwriting any theme CSS that was loaded in the header.
> 
> This properly loads the color-scheme stylesheet in the header in an order where theme css will have priority.
> 
> reported on meta: https://meta.discourse.org/t/published-pages-do-not-use-theme-set-font-family-and-header-font-family/389718

---

<div class="post-metadata">

### Author: ![sam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sam/32/102149_2.png) [@sam](https://meta.discourse.org/u/sam)
#### Post date: [1 Dezembro , 2025 00:40 UTC](https://meta.discourse.org/t/published-pages-do-not-use-theme-set-font-family-and-header-font-family/389718/5 "2025-12-01T00:40:56Z")

</div>