(continua dall’articolo precedente TECNICHE PER UNA TIPOGRAFIA RESPONSIVE 1° parte)

RENDERE IL CORPO DEL TESTO RESPONSIVE

Quando si tratta di fare il corpo del testo reattivo, ci sono alcune note importanti da tenere a mente.
Non solo si deve ridimensionare il testo per adattarlo al suo contenitore, pur mantenendo un’ottima leggibilità e la lunghezza delle linee ragionevoli, ma è necessario ricordarsi di conservare ritmo verticale e interlinea (spazio tra linee) flessibili, assicurarsi che il testo scali bene su schermi ad alta risoluzione, che può essere facilmente modificata dall’utente.

Continua a leggere »

Traduzione dell’articolo “TECHNIQUES FOR RESPONSIVE TYPOGRAPHY” del blog “CODROPS“

 
Uno degli aspetti più importanti del responsive web design è la tipografia reattiva.
Quando si tratta di tipo reattivo sul web, non c’è solo il ridimensionamento del contenitore del testo ma anche quello del testo al suo interno.
Dalla scelta di un tipo di font e colore, altezze di linea per raggiungere le dimensioni leggibili dei caratteri e lunghezze di linea su diverse dimensioni dello schermo, ci sono diversi modi per il raggiungimento di un testo fluido e veramente reattivo sul web.

Continua a leggere »

Sebbene i CSS3 @font-face siano supportati dalla maggior parte dei principali browser (IE, Firefox, Chrome e Safari), non tutti li visualizzano.
Quando ciò non avviene, il tuo font personalizzato potrebbe “rompere” il layout o “uscire dai bordi” con risultati indesiderati.
In questo articolo, vi spiegherò i problemi comuni con l’utilizzo di font personalizzati, come scegliere il web fonts safe fallback  corrispondente e come creare un perfetto stile fallback con Modernizr.

Continua a leggere »