Tipografia web responsive

Tipografia web responsive: un ripasso

Dalla CSS DEV conference, Clarissa Peterson riassume le regole principali cui attenersi nella tipografia web, in particolare se il vostro sito vuole assumere caratteristiche di responsiveness. In queste diapositive si esaminano in particolare le seguenti proprietà CSS :

  • Font-size: pixels, ems, rems;
  • Line-height, in particolare utilizzando la regola @media;
  • Line-length: margini e font size usando la regola @media;
  • Hyphenation: “hyphen auto”, “column-count”;

Sommario: fondamentale è l’uso delle media query tutte le volte che si ritiene di averne bisogno; un sito responsive non deve essere una collezione di design diversi ma un insieme di scelte condizionali a seconda delle diverse dimensioni dello schermo.

web-typography

Responsive Typography da Slideshare

About the Author

Carlo Bazzo
Carlo Bazzo è fondatore di Epysoft, una start up tecnologica con sede a Treviso e CTO di Hdemo Network Business Solutions. Puoi contattare Carlo Bazzo su Linkedin.