TYPOGRAFI

för webben

Vanliga CSS-egenskaper för text

• font-family
• font-size
• font-weight
• line-height
• letter-spacing

Sans-serif vs. Serif

Sans-serif fonter är mer läsbara för webben

Sans-serif fonter är mer läsbara för print

fonts.google.com

Crash course i 

Tre gyllene regler

1. Mixa fonter

• Använd aldrig mer än 2 olika typsnitt
• Blanda font-släkten (ex. serif och sans-serif)
• Skapa kontrast mellan storlek, position, färgval, fontval

2. White space

• White space = yta (behöver inte vara vitt)
• Låt innehållet "andas"
• Överdriv whitespace - bra för hjärnans informationsbearbetning!
• En viktig micro-white space är line-height

3. Visuell hierarki

• h1, h2 och h3 ska vara lättscannat
• h1 är alltid huvudrubrik
• h2, h3 osv i sections, articles etc.