Questo componente ti consente di impostare il carattere principale del sito e, opzionalmente, caratteri separati per i titoli e il testo monospaziato (blocchi di codice). Puoi anche scegliere un peso del carattere in ciascun caso e aumentare la dimensione del carattere.
Sotto il cofane, questo imposta un po’ di CSS insieme al <link> del carattere di Google. Tieni presente che questo si affida a Google per servire i file del carattere da https://fonts.googleapis.com/.
Impostazioni
| Nome | Descrizione
|-|
| fonts | Aggiungi il nome del/i carattere/i che desideri utilizzare da fonts.google.com. Nota che i nomi dei caratteri sono sensibili alle maiuscole e alle minuscole!
| body font | Il carattere principale utilizzato in tutto Discourse, deve essere incluso nell’impostazione “fonts” sopra
| body font weight | Spessore del carattere nell’intervallo 100-900. 400 è normale, 700 è grassetto
| headline font | Carattere opzionale per i titoli, deve essere incluso nell’impostazione “fonts” sopra
| headline font weight | Spessore del carattere nell’intervallo 100-900. 400 è normale, 700 è grassetto
| monospaced font | Carattere opzionale per i blocchi di codice, deve essere incluso nell’impostazione “fonts” sopra.
| monospaced font weight | Spessore del carattere nell’intervallo 100-900. 400 è normale, 700 è grassetto
| normal font size | Dimensione predefinita del carattere per tutti gli utenti, la modifica di questa opzione regolerà proporzionalmente tutte le dimensioni dei caratteri
| 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 sui nostri piani Standard, Business ed 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.
| Riepilogo | Google Fonts è un componente del tema semplice che ti consente di aggiungere un carattere da Google Fonts senza scrivere alcun CSS.
| Anteprima | Anteprima su Discourse Theme Creator |
| Collegamento al repository | https://github.com/discourse/discourse-google-font-component
|Novizio dei temi Discourse? | Guida introduttiva all’uso dei temi DiscourseOspitato da noi? I componenti del tema sono disponibili per l’uso sui nostri piani Standard, Business ed Enterprise.
Mi piace davvero molto.