Tisdagen den 19 mars intog Creunas designers Robin Lantz och Johan Ekhager scenen på CAP&Design Live där de ska prata Webbtypografi. CAP&Design Live bjuder in till en eftermiddag med spännande talare som delar med sig av erfarenhet, inspiration, kunskap och svaren på många av dina viktigaste frågor kring typografi. Robin Lantz och Johan Ekhager från Creuna är på plats och ska prata om typografi för webben, både praktiskt och tekniskt. Om vad som funkar och inte funkar, responsive och icke responsive men framförallt om att sluta göra undantag i grafiska manualer med just typsnitt för webben.

1. Webbtypografi
ROBIN LANTZ JOHAN EKHAGER

3. Swiss style

4. 90-talswebb

5. Fonter 1496-1996

6. Webbfonter 1996-2002

7. Förutsättningar
Webbutvecklingen
Apple:s designtrend
Tjänster
Upplösning

8. 6 19 16 4.0
7 20 17 5.0
8 21 18 5.1
9 22 19 6.0
10 23

10. web fonts

11. Upplösning

12. Motverkande faktorer
Grafiska manualer
Webbranchen
Webbläsare & OS
Overload

13. Grafiska manualer

14. Gotham
Sökresultat:
Ingenting :(

16. Browsers renderar olika

17. Alla typsnitt
Sökresultat:
5414 typsnitt funna :O

18. Tips och tricks

19. Vikter
Regular eller Bold
Condensed
Äkta italics

20. Ingen kerning
autokerning
manuell kerning

21. Tracking
Flygande bäckasiner söka hwila på mjuka tuvor
Flygande bäckasiner söka hwila på mjuka tuvor
Flygande bäckasiner söka hwila på mjuka tuvor

22. line-height
line-height: 1; Vivamus semper convallis massa, ut lacinia ipsum malesuada non.
Aenean condimentum tellus vitae purus euismod ultrices. Fusce
imperdiet arcu ut augue bibendum ut condimentum metus porta.
line-height: 1.5; Vivamus semper convallis massa, ut lacinia ipsum malesuada non.
Aenean condimentum tellus vitae purus euismod ultrices. Fusce
imperdiet arcu ut augue bibendum ut condimentum metus porta.
line-height: 2; Vivamus semper convallis massa, ut lacinia ipsum malesuada non.
Aenean condimentum tellus vitae purus euismod ultrices. Fusce
imperdiet arcu ut augue bibendum ut condimentum metus porta.

23. Finns alla glypher?
° “ # € % &
/ ( ) = ü œ

24. 11pt på print
≈
16px på skärm

26. Responsiv typografi

27. 45-75 tecken/rad
Denna text är skön eftersom den är mellan 45* och
75 tecken på varje rad. *Skriv gärna ut denna när
ni testar på sajten.

30. Framtiden
Alla fonter finns online
Bättre licensmodeller
Utgångspunkt digitalt
Upplösning

31. Sammanfattning
Fastna inte i gamla banor
Ta hjälp av tjänster
Det finns inga genvägar...
Tänk responsive

32. Tack! o/