Il font di intestazione Arial viene visualizzato come Times in 2.7.0.beta5

Contribuisci Bug
1

Ho appena aggiornato alla versione 2.7.0.beta5 8fcad73b36 e il carattere del mio sito è iniziato a mostrarsi come Times (presumo sia quello predefinito quando c’è un problema con la configurazione).

Se modifico il “carattere dei titoli” in qualcos’altro (come Roboto), il sito torna a mostrare Arial (tranne che per i titoli). Inizialmente pensavo che il problema fosse nell’impostazione “carattere di base”, ma sembra funzionare correttamente. Tuttavia, impostare il “carattere dei titoli” sull’impostazione predefinita (Arial) rompe qualcosa e il carattere di base inizia a mostrarsi come Times.

Non ho temi strani e non sto impostando la variabile --font-family in alcun foglio di stile personalizzato. Ecco i componenti del tema che ho installato (tutti aggiornati):

  • Link personalizzati nell’intestazione
  • DiscoTOC
  • Regolazioni dell’elenco delle categorie per dispositivi mobili
  • Miniature dei topic
2 Mi Piace
2.7.0.beta5 has removed :root font-family and heading-font-family vars from custom themes
2

Ho anche tutto in Times, tranne che uso Montserrat come font.

Ispezionando quasi qualsiasi testo nella pagina, vedo font-family: var(--font-family); direttamente nella pagina Elementi. Non sono per nulla un esperto di CSS, ma potrebbe essere che in qualche modo non sia stato compilato?

1 Mi Piace
3

Anche noi abbiamo notato questo ieri sul nostro forum della community dopo l’aggiornamento. Una ricostruzione del sito sembra aver risolto il problema per noi.

3 Mi Piace
4

@Nacho_Caballero hai eseguito un aggiornamento tramite UI o CLI? Un secondo aggiornamento risolve il problema? Se possibile, pubblica anche l’URL del sito.

2 Mi Piace
5

Attraverso l’interfaccia utente. @pmusaraj Ho appena ricostruito tramite CLI e posso confermare che il problema è scomparso.

Aggiungerò alla mia procedura operativa standard di provare sempre a ricostruire tramite CLI se qualcosa sembra rotto dopo un aggiornamento tramite API. :sweat_smile:

1 Mi Piace
6

Recentemente ho aggiornato a 2.7.0.beta5 (36ec09a07b) e i temi diversi da Dark e Light sembrano non impostare più le variabili CSS root per font-family e heading-font-family.

Nei miei impostazioni, il font e il font dei titoli sono impostati su “Arial”.

Nel mio tema personalizzato posso aggirare il problema aggiungendo il seguente CSS:

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

al CSS del tema. Sembra esserci lo stesso problema per il tema Graceful, ma non posso sovrascriverlo.

I temi Dark e Light sembrano non essere interessati (impostano le variabili CSS root).

Dovrebbe essere considerato un bug di Discourse, o ora è richiesto che i temi personalizzati impostino queste variabili?

7

DEV: Refactor font and category background importers (#12312) · discourse/discourse@4071af1 · GitHub potrebbe essere correlato cc @pmusaraj

8

Ciao @ryantm, ho spostato questo qui perché è essenzialmente lo stesso problema.

Non riesco a riprodurlo con il tema Graceful qui su meta. Nemmeno sul tuo sito riesco a riprodurlo. Puoi fornire i passaggi per riprodurlo?

Inoltre, le definizioni dei font dovrebbero essere nei file CSS del core, cioè non nel CSS di un tema. Come in questo esempio:

image
image2596×1254 426 KB

Il commit a cui hai fatto riferimento sopra è probabilmente la causa, ma forse si tratta di un problema con i fogli di stile in cache. Hai provato un aggiornamento forzato?

2 Mi Piace
9

Grazie per averla unita.

Sì, il tema Graceful si è risolto da solo aggiornando forzatamente la pagina.

Il mio altro tema personalizzato importato (solo una palette di colori personalizzata) non funzionava nemmeno dopo l’aggiornamento forzato. Ho provato a riprodurlo su un’altra istanza di Discourse esportando il tema e importandolo, e lì ha funzionato perfettamente. Quindi ho provato a esportarlo e importarlo anche sul server che aveva problemi, e ora anche quello funziona!

1 Mi Piace