Fonte de título Arial aparecendo como Times em 2.7.0.beta5

Acabei de atualizar para a versão 2.7.0.beta5 8fcad73b36 e a fonte do meu site passou a ser exibida como Times (presumo que seja o padrão quando há um problema na configuração).

Se eu alterar a “fonte dos títulos” para outra coisa (como Roboto), o site volta a exibir Arial (exceto nos títulos). Inicialmente, pensei que o problema estivesse na configuração da “fonte base”, mas ela parece estar funcionando corretamente. No entanto, ao definir a “fonte dos títulos” como o padrão (Arial), algo quebra e a fonte base passa a ser exibida como Times.

Não tenho nenhum tema estranho instalado e não estou definindo a variável --font-family em nenhuma folha de estilo personalizada. Aqui estão os componentes do tema que tenho instalados (todos atualizados):

  • Links de Cabeçalho Personalizados
  • DiscoTOC
  • Ajustes na Lista de Categorias para Mobile
  • Miniaturas de Tópicos
2 curtidas

Eu também tenho tudo em Times, exceto que uso Montserrat como fonte.

Ao inspecionar praticamente qualquer texto na página, vejo font-family: var(--font-family); diretamente na aba Elementos. Não sou nenhum especialista em CSS, mas será que pode ser que de alguma forma não tenha sido compilado?

1 curtida

Nós notamos isso ontem em nosso fórum da comunidade também após a atualização. Uma reconstrução do site parece ter resolvido o problema para nós.

3 curtidas

@Nacho_Caballero você fez uma atualização via UI ou CLI? Uma segunda atualização resolve o problema? Por favor, poste também a URL do site, se possível.

2 curtidas

Através da interface. @pmusaraj Acabei de reconstruir via CLI e posso confirmar que o problema desapareceu.

Vou adicionar ao meu SOP para sempre tentar reconstruir via CLI se algo parecer quebrado após uma atualização via API. :sweat_smile:

1 curtida

Recentemente atualizei para a versão 2.7.0.beta5 (36ec09a07b) e temas que não sejam Escuro e Claro parecem não estar mais definindo as variáveis CSS de raiz para font-family e heading-font-family.

Minha fonte e fonte de título nas configurações estão definidas como “Arial”.

No meu tema personalizado, posso contornar o problema adicionando o seguinte CSS:

:root {
    --heading-font-family: Arial, sans-serif;
    --font-family: Arial, sans-serif;
}

ao CSS do tema. Parece ser um problema também para o tema Graceful, mas não consigo sobrescrevê-lo.

Os temas Escuro e Claro parecem não ser afetados (eles definem as variáveis CSS de raiz).

Isso deve ser considerado um bug do Discourse, ou temas personalizados agora são obrigados a definir essas variáveis?

DEV: Refactor font and category background importers (#12312) · discourse/discourse@4071af1 · GitHub pode estar relacionado cc @pmusaraj

Olá @ryantm, movi isso para cá porque é essencialmente o mesmo problema.

Não consigo reproduzir isso com o tema Graceful aqui no meta. Também não consigo reproduzi-lo no seu site. Você pode fornecer os passos para reprodução?

Além disso, as definições de fonte devem estar nos arquivos CSS do núcleo, ou seja, não no CSS de um tema. Como neste exemplo:

Meu commit que você linkou acima provavelmente é o culpado, mas talvez isso seja um problema com folhas de estilo em cache. Você tentou uma atualização forçada?

2 curtidas

Obrigado por mesclar.

Sim, o tema Graceful se corrigiu sozinho após uma atualização forçada.

Meu outro tema personalizado importado (apenas uma paleta de cores personalizada) não funcionava, mesmo após a atualização forçada. Tentei reproduzi-lo em outra instância do meu Discourse exportando e importando o tema, e funcionou perfeitamente lá. Então, tentei exportar e importar no servidor que estava com problemas, e agora está tudo certo também!

1 curtida