Scala tipografica: le dimensioni dei titoli
Titoli e testo stanno bene insieme se le loro dimensioni crescono con lo stesso rapporto, come le note di una scala musicale. Scegli la dimensione del testo e il rapporto: vedi subito tutti i livelli, dal piccolo al titolo principale, e copi il CSS (anche fluido, che cresce con lo schermo).
CSS
Come si usa
- Scegli la dimensione del testo e il rapporto.
- Guarda l’anteprima dei livelli con il tuo testo.
- Copia il CSS (fluido, se vuoi che cresca con lo schermo).
Perché nel browser
Tutto avviene nel tuo browser: i testi e i file non vengono mandati a nessun server, niente registrazione e niente pubblicità. Va bene anche per i documenti della scuola, con nomi e dati personali.
Domande frequenti
Che rapporto scegliere?
Per i siti con tanto testo vanno bene rapporti piccoli (1,2 o 1,25): i titoli non diventano enormi. Per pagine con pochi titoli grandi, come una locandina, 1,5 o la sezione aurea (1,618).
Che cosa vuol dire «fluida»?
Le dimensioni crescono con lo schermo: sul telefono si usa una base più piccola e un rapporto più stretto, sul computer quelli scelti. Il CSS usa clamp(), che funziona in tutti i browser recenti.
I miei testi finiscono su un server?
No: tutto avviene nel browser, sul computer o sul telefono. Puoi anche staccare internet dopo aver aperto la pagina.
Strumenti correlati
Ti serve uno strumento che qui non c'è, o un'app per la tua scuola? Scrivimi: valuto i nuovi strumenti e costruisco app su misura.
Scrivimi