Articolo
Font per il sito web: confrontarli con testi reali
Per scegliere i font di un sito web usate i contenuti che le persone dovranno leggere. Una parola nel logo non mostra come funziona una famiglia tipografica nei paragrafi, nei prezzi o nei messaggi di errore. Il confronto deve comprendere questi contesti.
Qui prepariamo il materiale per una decisione di design. Non esiste una famiglia che renda automaticamente ogni sito leggibile o migliori da sola i posizionamenti.
Costruire un campione uguale per tutti
Preparate un titolo lungo, un paragrafo, un pulsante, un'etichetta del modulo e un messaggio di errore. Inserite lettere accentate, apostrofi, cifre, simbolo dell'euro e nomi presenti nei vostri contenuti. Confrontate le alternative con lo stesso testo, nella stessa larghezza e nello stesso ruolo.
Esempio ipotetico: il titolo di un servizio occupa due righe con una famiglia e quattro con un'altra. Non significa che una sia sempre migliore; il progetto deve verificare se entrambe mantengano leggibili titolo e invito all'azione anche sul telefono.
Valutare gerarchia e pesi disponibili
Distinguete testo principale, titoli, note e controlli interattivi. Chiedete quali pesi sono realmente disponibili nei file scelti e quali vengono usati. Un contrasto di gerarchia può dipendere da dimensione e spaziatura, non necessariamente da una famiglia diversa per ogni sezione.
Provate il campione con contenuti più lunghi di quelli iniziali e con lo zoom del browser. Segnate sovrapposizioni, troncamenti e pulsanti che perdono testo. Questo controllo orienta la scelta; non sostituisce una verifica completa dell'accessibilità.
Provare anche l'alternativa di caricamento
MDN descrive font-family come una lista ordinata di famiglie e raccomanda una famiglia generica di riserva. Se il font preferito non è disponibile, il browser può usare un'alternativa. Il progetto deve quindi restare utilizzabile anche in quella condizione.
Chiedete allo sviluppatore di mostrare il campione senza il font principale. Verificate che titoli e moduli non si sovrappongano. Non considerate una schermata del programma grafico una prova del comportamento nel browser.
Consegnare una scelta mantenibile
Registrate famiglia, pesi, origine dei file, impieghi previsti e referente dei materiali. Fate verificare che la licenza disponibile copra l'uso richiesto; avere un file sul computer non chiarisce da solo le condizioni di utilizzo sul web.
Per il progetto con ConversionWorks consegnate il campione, i materiali di identità e l'esito delle prove. Potremo discutere la tipografia sulle pagine effettive e distinguere preferenze visive da problemi di lettura documentati.
Raccontaci il progetto per allineare messaggio, scope e priorità sul vostro prossimo rilascio.