Questo componente ti permette di impostare il font principale del sito e, opzionalmente, font separati per i titoli e il testo monospazio (blocchi di codice). Puoi anche scegliere un peso del font in ciascun caso e aumentare la dimensione del font.
Nello sfondo, questo configura un po’ di CSS insieme al tag <link> di Google. Nota che ciò dipende da Google per fornire i file del font da https://fonts.googleapis.com/.
Impostazioni
Nome
Descrizione
fonts
Aggiungi il nome del/dei font che desideri utilizzare da fonts.google.com. Nota che i nomi dei font fanno distinzione tra maiuscole e minuscole!
body font
Il font principale utilizzato in tutto Discourse, deve essere incluso nell’impostazione “fonts” sopra
body font weight
Spessore del font nell’intervallo 100-900. 400 è normale, 700 è grassetto
headline font
Font opzionale per i titoli, deve essere incluso nell’impostazione “fonts” sopra
headline font weight
Spessore del font nell’intervallo 100-900. 400 è normale, 700 è grassetto
monospaced font
Font opzionale per i blocchi di codice, deve essere incluso nell’impostazione “fonts” sopra.
monospaced font weight
Spessore del font nell’intervallo 100-900. 400 è normale, 700 è grassetto
normal font size
Dimensione del font predefinita per tutti gli utenti; modificando questa, tutte le dimensioni del font vengono regolate proporzionalmente
smaller font size
Selezionabile nelle preferenze dell’interfaccia di ogni utente
larger font size
Selezionabile nelle preferenze dell’interfaccia di ogni utente
largest font size
Selezionabile nelle preferenze dell’interfaccia di ogni utente
Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business e Enterprise.
Ho appena scoperto che questo componente non funziona per le pagine /pub/ (pubblicate). I font non vengono caricati su queste pagine, con il risultato di un font predefinito simile a Times New Roman.
La pagina pubblicata tenta di caricare il font di Google tramite il componente del tema:
Il file del font non viene caricato sulla pagina pubblicata, quindi non ripiega sulla variabile font-familyArial, sans-serif e utilizza invece Times New Roman.
Potrebbe esserci spazio per miglioramenti, a condizione che le pagine pubblicate possano accedere alle modifiche richieste.
È fantastico, grazie a te e al tuo team per aver sviluppato una funzionalità così comoda ^^. La consiglierò a persone che conosco che usano Discourse per creare community di utenti.
Segnalazione bug rapida: ho appena notato che quando imposto il peso del carattere, il testo in grassetto non viene visualizzato come grassetto.
Ho testato questo con i font Work Sans e Zilla Slab. Ho cambiato il peso del carattere dall’impostazione predefinita (400) a 300. Quando l’ho fatto, il testo in grassetto non è apparso in grassetto. Ho ripristinato quell’impostazione e il testo in grassetto è riapparso.
L’ho impostato su 400 e ho chiuso la faccenda, ma volevo farvelo sapere.
C’è un modo per entrare un po’ più nel dettaglio? Il font “Headline” viene visualizzato con un peso di 900 per impostazione predefinita con gli Header all’interno degli Argomenti. Sarebbe fantastico poter impostare i valori predefiniti per ciascuno di questi oggetti Markdown.
Abbiamo Inter già integrato se vuoi cambiare il Carattere di base e il Carattere dei titoli nelle impostazioni del sito sotto amministrazione, nessun componente necessario
Ho appena unito un refactor di questo componente che si allinea meglio con gli aggiornamenti di Google Font: questo dovrebbe risolvere alcuni problemi che le persone riscontravano con pesi diversi che non apparivano.
Nota che la formattazione dell’impostazione è cambiata leggermente in modo che i pesi non possano più essere inclusi nell’impostazione del nome del font come Roboto:300,300i,500, e questo dovrebbe essere aggiornato a un semplice Roboto… ma dovrebbe migrare automaticamente all’aggiornamento.
Ospitato da noi? I componenti del tema sono disponibili per l’uso nei nostri piani Standard, Business e Enterprise.
Mi piace davvero molto.