Come scegliere i caratteri per un sito web o un articolo

In questo articolo vi abbiamo spiegato alcuni degli elementi essenziali per effettuare la scelta giusta, considerando che state costruendo il vostro sito web su Tilda, la piattaforma all-in-one che permette a chiunque di creare un sito web senza dover assumere uno sviluppatore web o un designer professionista.

È possibile caricare un massimo di due font. L'uso di un numero limitato di font crea una buona esperienza visiva. Inoltre, l'uso di font aggiuntivi può rallentare la velocità di caricamento della pagina. Per questo motivo sono disponibili solo due font.

Nelle "Impostazioni del sito", procedere e fare clic su "Font e colori". Questo comando vi porterà ai font di base selezionati dai nostri designer professionisti. Una volta trovato il font preferito, fare clic su "Seleziona" e "Salva modifiche". Una volta fatto ciò, il font del sito web cambierà automaticamente.

Scorrendo la pagina, si trovano le impostazioni relative alla dimensione, al peso e al colore dei caratteri. I parametri utilizzati in questa fase saranno applicati a tutto il sito. Se si desidera modificare il carattere, è possibile farlo nell'editor specificato per ogni blocco.

Il peso del carattere spiega lo spessore associato a ciascun carattere. I font hanno due stili di base: normale o grassetto, con uno spessore aggiuntivo che va da superleggero a supergrande. Tilda supporta cinque pesi di base: light, regular, medium, semibold e bold. Anche se questi pesi sono limitati e alcuni font hanno solo due pesi: Regular e Bold.

La dimensione del carattere che si intende utilizzare dipende dal volume dei contenuti utilizzati nel sito web. Se il sito web su cui si sta lavorando contiene contenuti come didascalie e commenti, si può aumentare la dimensione del carattere a 22px (la dimensione predefinita è 20px). D'altra parte, se il sito web richiede molto testo, si può ridurre la dimensione del carattere (18px) per migliorare la leggibilità.

La fase successiva consiste nell'esaminare i quattro diversi pesi dei caratteri consigliati per il titolo e il testo. Questa caratteristica aiuta a trovare un equilibrio nel tono di voce.

Si tratta di una miscela di base compatibile con la maggior parte dei siti web. La consigliamo se intendete mantenere lo stile del sito web unificato e non richiamare l'attenzione su alcun elemento specifico.

Utilizzate i seguenti parametri nelle impostazioni del sito web:
Peso del carattere del testo del corpo - Normale
Peso del carattere delle intestazioni - Semibrillante

Si consiglia questa combinazione se si sta lavorando su un progetto di guida e di energia.

È consigliato su siti web destinati a concerti, promozioni di tour, bar, spazi di coworking, competizioni sportive e così via.

Utilizzare i seguenti parametri nelle impostazioni del sito web:
Peso del carattere del testo del corpo - Normale
Peso del carattere dell'intestazione - Grassetto

Questa combinazione è piuttosto rara; appare drammatica a causa del contrasto utilizzato sui caratteri. Tuttavia, è un mix perfetto di grinta e stile. Ad esempio, i titoli e i testi di facile lettura riflettono un design esteticamente gradevole in questa landing page del sito web del corso.

Utilizzate i seguenti parametri nelle impostazioni del sito web:
Peso del carattere del testo del corpo - Leggero
Peso del carattere delle intestazioni - Grassetto

È una combinazione perfetta per i progetti che devono avere un aspetto attraente e forte per richiamare l'attenzione, come la tecnologia all'avanguardia, il progresso o l'alta tecnologia. Questa combinazione di caratteri appare perfetta se utilizzata in una pagina con ampi spazi bianchi, accentuati da macchie di colori vivaci e belle immagini.

Adatto a siti web che presentano gadget, gioielli, caffè o ristoranti di alto livello e saloni di bellezza.

Utilizzate i seguenti parametri nelle impostazioni del sito web:
Peso del carattere del testo del corpo - Leggero
Peso del carattere dell'intestazione - Leggero

Il font serif ha una linea guida che permette all'occhio di scorrere in modo fluido e veloce. Quando sono comparsi i primi computer, si sono diffusi i font Sans serif, che sono più leggibili se utilizzati su uno schermo a bassa risoluzione.

La maggior parte dei monitor moderni visualizza perfettamente entrambi i font. Per questo motivo la scelta tra Serif e Sans serif dipende esclusivamente dal messaggio che si intende trasmettere e non dal punteggio di leggibilità. Anche se i font Serif sono adatti se utilizzati in ambito formale e sono raccomandati per marchi specifici.

Su Tilda, ci sono cinque modi per aggiungere i font:

Cosa si può fare? Innanzitutto, utilizzare la foto giusta sullo sfondo con elementi grandi e omogenei. In secondo luogo, applicare un filtro di dissolvenza per ammorbidire l'immagine. Ciò contribuirà ad aumentare la leggibilità. In terzo luogo, è possibile aumentare il peso del carattere per un blocco specifico utilizzando uno stile in linea. Ciò significa che è possibile assegnare le impostazioni a una sezione specifica del testo e non all'intero sito web. Evidenziate il testo utilizzando l'editor di siti web in linea.

Gli stili applicati in questo modo hanno sempre la priorità sulle impostazioni predefinite. Per questo motivo, se si modificano i caratteri nelle Impostazioni del sito e le modifiche non sono visibili sul sito, significa che è stato precedentemente impostato lo stile in linea. Per rimuovere lo stile in linea, evidenziare il testo e fare clic su "Cancella tutta la formattazione".

Se siete interessati a saperne di più sulla tipografia, visitate un sito web simile al progetto a cui state lavorando e verificate quali sono i font utilizzati. L'estensione del browser What Font vi aiuterà a identificare rapidamente i font presenti nelle pagine web.

Inoltre, sfogliate questo archivio tipografico indipendente. Presenta una raccolta di siti web e campioni stampati ordinati in base al tipo di carattere utilizzato.