disign.it | Tipografia web: come sillabare i testi giustificati | a digital sign for a best design!
A digital sign for a best design
Javascript 3.079 visualizzazioni

Tipografia web: come sillabare i testi giustificati

26/10/2011

Giustificare un testo nelle pagine web comporta lo spiacevole inconveniente che nessun browser supporta la sillabazione, poiché è evidente che se ciò fosse possibile il browser dovrebbe esser dotato dei dizionari sillabatori di tutte le lingue di possibile visualizzazione dei contenuti, opzione improponibile data l'infinità di lingue possibili sul web!
L'unica soluzione quindi rimane la sillabazione forzata attraverso linguaggi di programmazione.
Il progetto hyphenator - Javascript that implements client-side hyphenation of HTML-Documents risolve la problematica in modo egregio, è di facile installazione e permette una sillabazione lato client dinamica, ovvero sensibile al resizing della finestra di visualizzazione.
Codice, sempi, manuali etc li potete scaricare qui, un esempio di applicazione lo potete visulizzare qui.
Per implementarlo sui vostri siti dovrete semplicemente caricare sul server le librerie fornite, e utilizzare nel vostro documento html le seguenti poche istruzioni.
Nell'head carichiamo il JS e ne richiamiamo l'avvio
[script src="Hyphenator.js" type="text/javascript"][/script]
        [script type="text/javascript"]
            Hyphenator.config({
                displaytogglebox : true,
                minwordlength : 4
            });
            Hyphenator.run();
        [/script]

quindi nel corpo del documento semplicemente applichiamo la classe dichiarando la lingua:
        [p class="hyphenate text" lang="it"]

Naturalmente lo script offre molte altre opzioni e possibilità di configurazione, per le quali vi rimando all'ottima documentazione fornita sul sito.

← Jquery: rendere cliccabile un intero div PHP: script che fa il backup di un db e lo invia per mail →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.