Una delle proprietà della tipografia di un sito Web che puoi scegliere di adattare durante lo sviluppo di un sito è come il testo del sito è giustificato. Per impostazione predefinita, il testo del sito Web è giustificato a sinistra e questo è il numero di siti che lasciano il testo. Le uniche altre opzioni sono giustificate, che nessuno usa sui siti web poiché renderebbe il testo essenzialmente impossibile da leggere online o ciò che è noto come pienamente giustificato.
Il testo giustificato è un blocco di testo che si allinea sia sul lato sinistro che su quello destro, in contrapposizione a uno solo di quei lati (che è ciò che fanno le giustificazioni "sinistra" e "destra"). L'effetto doppiamente giustificato si ottiene regolando gli spazi di parole e lettere in ogni riga di testo per garantire che ogni riga abbia la stessa lunghezza. Questo effetto è chiamato piena giustificazione. Tu giustifica il testo in CSS usando il text-align proprietà.
Come funziona la giustificazione?
Il motivo per cui vedi spesso un bordo non uniforme sul lato destro di un blocco di testo è perché ogni riga di testo non ha la stessa lunghezza. Alcune linee hanno più parole o parole più lunghe mentre altre hanno parole meno o più brevi. Per giustificare quel blocco di testo, è necessario aggiungere spazi supplementari a delle linee per uniformare tutte le linee e renderle coerenti.
Ogni creatore di browser Web ha il proprio algoritmo per applicare gli spazi extra all'interno di una linea. I browser esaminano la lunghezza della parola, la sillabazione e altri fattori per determinare dove posizionare gli spazi. Di conseguenza, il testo giustificato potrebbe non sembrare identico da un browser all'altro. Questo va bene poiché nessun visitatore del sito salterà da un browser all'altro solo per confrontare l'aspetto delle lunghezze delle linee del tuo sito! Siate certi, tuttavia, che il supporto del browser principale è utile per giustificare il testo con i CSS.
Come giustificare il testo
Giustificare il testo con i CSS richiede una sezione di testo da giustificare. In genere, questo viene fatto ai paragrafi di testo poiché i grandi blocchi di testo che si estende su più righe saranno contrassegnati con tag di paragrafo.
Dopo che hai un blocco di testo da giustificare, è solo questione di impostare lo stile in modo giustificato con la proprietà dello stile di allineamento del testo CSS.
allineamento del testo: giustificare;
Dovresti applicare questa regola CSS a un selettore appropriato per ottenere il blocco del testo da rendere come previsto.
Quando giustificare il testo
A molte persone piace l'aspetto del testo giustificato da un punto di vista del design, in gran parte perché crea un aspetto molto coerente e misurato, ma ci sono degli svantaggi nel giustificare pienamente il testo su una pagina web.
Primo, il testo giustificato può essere difficile da leggere. Questo perché quando si giustifica il testo, a volte si può aggiungere molto spazio extra tra alcune parole sulla linea. Queste lacune incoerenti possono rendere il testo più difficile da leggere. Ciò è particolarmente importante nelle pagine Web, che possono essere difficili da leggere già a causa dell'illuminazione, della risoluzione o di altra qualità dell'hardware. Aggiungere spazi insoliti al testo può peggiorare la situazione.
Oltre ai problemi di leggibilità, gli spazi vuoti a volte si allineano l'uno con l'altro per creare "fiumi" di spazio bianco nel mezzo del testo. Quelle grandi lacune di spazio bianco possono davvero fare per un display scomodo. Inoltre, su righe estremamente brevi, la giustificazione può causare righe contenenti una parola con spazi aggiuntivi tra le lettere stesse.
Quindi quando dovresti usare la giustificazione del testo? Il momento migliore per giustificare il testo si verifica quando le linee sono lunghe e la dimensione del carattere è piccola (cosa difficile da garantire nei siti Web reattivi in cui le lunghezze delle righe cambiano in base alle dimensioni dello schermo). Non esiste un numero duro e veloce per la lunghezza della linea o la dimensione del testo, è necessario utilizzare il proprio giudizio.
Dopo aver applicato lo stile di allineamento del testo per giustificare il testo, testarlo per assicurarti che il testo non abbia fiumi di spazio bianco e assicurati di testarlo in una varietà di formati. Il modo più semplice per farlo è vederlo con gli occhi socchiusi. I fiumi spiccano come macchie di bianco in un blocco di testo altrimenti grigio. Se vedi fiumi, dovresti modificare le dimensioni del testo o la larghezza del blocco di testo per sbarazzarti di quei fiumi brutti.
Usa la giustificazione solo dopo averlo confrontato con il testo allineato a sinistra come mostrato in questo articolo. Rendi come la coerenza della giustificazione completa, ma il testo giustificato di sinistra standard è solitamente più leggibile. Alla fine, dovresti giustificare il testo perché hai scelto di giustificare il testo per scopi di progettazione e hai confermato che il tuo sito rimane di facile lettura.
