Better Typography

Tipografia professionale per il web

Una guida completa all’applicazione di principi tipografici che rendono il testo leggibile e accessibile nelle interfacce digitali. L’attenzione è rivolta alla sobrietà e alla chiarezza: scale tipografiche equilibrate, spaziatura confortevole e contrasto sufficiente al posto di decorazioni superflue.

Punti di forza

• Scale tipografiche e gerarchie dei titoli coerenti con i livelli semantici
• Caricamento dei font in formato .woff2 e uso delle proprietà CSS al posto dei tag grezzi per le funzionalità tipografiche
• Impostazioni di interlinea, lunghezza delle righe e disposizione del testo per una lettura confortevole
• Aspetti della tipografia mobile come lo zoom dei campi di input su iOS e le dimensioni responsive dei caratteri
• Modelli di accessibilità per contrasto, selezione del testo e funzionalità OpenType
• Tecniche CSS per troncamento del testo, numeri tabulari e formattazione della punteggiatura

Pensata per sviluppatori frontend e designer che realizzano interfacce professionali. La skill include guide di riferimento sulla scelta dei font, tecniche CSS, calcolo della spaziatura e requisiti di accessibilità. Ogni sezione offre raccomandazioni specifiche e schemi di codice applicabili subito.