Sto personalizzando il tema del mio Discourse e vorrei aggiornare il font predefinito (corpo del testo/intestazioni) a qualcosa di più unico che si allinei all’identità visiva della mia community. So che Discourse permette di impostare i font tramite Admin > Personalizza > Temi/Colori, oltre a offrire l’opzione di aggiungere font web personalizzati tramite CSS.
Ci sono alcuni punti su cui vorrei avere il vostro parere:
Preferite utilizzare Google Fonts, font auto-ospitati o le opzioni di font integrate in Discourse?
Ci sono preoccupazioni relative alle prestazioni (velocità di caricamento della pagina) quando si aggiungono font web personalizzati?
Ci sono delle best practice di accessibilità da tenere a mente quando si scelgono i font per garantire la leggibilità?
Apprezzerei molto qualsiasi consiglio, raccomandazione di componenti tematici o esperienze che avete avuto personalizzando i font sulla vostra istanza Discourse!
Il mio consiglio sarebbe: evita i font che ricordano il monospaziato (ad esempio JetBrains Mono) perché sono più difficili da leggere, a meno che la tua comunità non sia composta da sviluppatori accaniti . Ma seriamente, ho frequentato una comunità con quel font e non è facile (inoltre, le lettere sono troppo distanziate per i miei gusti).
L’auto-ospitare è sempre una buona scelta perché ti permette di eliminare la dipendenza da una risorsa esterna, riducendo così una richiesta di rete. Puoi scaricare e ospitare da solo i Google Fonts, e le opzioni di font integrate di Discourse sono anch’esse fornite da Google e non dipendono dai loro server.
Come accennato, avere i font serviti direttamente dal tuo sito è migliore per le prestazioni (anche se i font sono generalmente di piccole dimensioni, quindi non è una preoccupazione maggiore). Cerca di non includere più varianti e stili del necessario, di solito due font diversi con pesi normale e grassetto sono sufficienti.
Fai attenzione principalmente ai font che appaiono molto leggeri e, se il tuo sito ha una modalità scura, controlla anche la leggibilità in quella modalità… a volte lo schema dei colori può fare una grande differenza. Prova a ingrandire/rimpicciolire nel tuo browser e a modificare la dimensione del font nelle tue preferenze utente per assicurarti che non accada nulla di inaspettato.
. Ma seriamente, ho frequentato una comunità con quel font e non è facile (inoltre, le lettere sono troppo distanziate per i miei gusti).