Das Dokument behandelt die Grundlagen der Typografie, insbesondere deren Anwendung im Webdesign, und umfasst Themen wie Schriftgestaltung, Lesbarkeit und typografische Regeln. Es werden verschiedene Arten von Schriftarten und deren Anbieter aufgeführt sowie Links zu weiterführenden Ressourcen und Lesarten bereitgestellt. Die Informationen basieren auf dem Buch '#webtypobuch' von Gerrit van Aaken.

1. Web - Typografie
Maria Goltsova

2. Typografie ist die Kunst bzw. Lehre der grafischen Gestaltung,
die in irgendeiner Form mit Schriftzeichen zusammenhängt.

3. Schriftentwurf
Detailtypografie
Makrotypografie

4. Regeln – Die korrekten Sonderzeichen
Umlaute und ß

5. Regeln – Die korrekten Sonderzeichen
Anführungszeichen

6. Regeln – Die korrekten Sonderzeichen
Horizontale Striche

7. Regeln – Die korrekten Sonderzeichen
Weitere Sonderzeichen

8. Schriftwahl und Leserlichkeit

9. Regeln
Laufweite
Abstand & Weißraum
Zeilenabstand
Grundlinienraster
Zeilenlänge, Spalten

10. Regeln

11. Regeln
Ausrichtung und Silbentrennung
Kontraste und inverser Satz
http://www.designmadeingermany.de/

12. Web Typography Guidelines

13. Webfonts
Webfont-Anbieter:
Adobe Edge Web Fonts
Fontdeck
fonts.com
FontShop
Typekit
MyFonts
Google Web Fonts
Typotheque
Webtype
Fontspring
WebInk
FontSquirrel

14. Lesarten – Lineares Lesen
http://ia.net/blog/ias-2006-facebook-designs-redesigned/

15. Lesarten – Informierendes Lesen
http://www.zeit.de/index

16. Lesarten – Informierendes Lesen
http://www.guardian.co.uk/

17. Lesarten – Aktivierende Typografie
http://stationstreetpgh.com/

18. Lesarten – Aktivierende Typografie
http://www.apple.com/de/iphone/features/

19. Lesarten – Aktivierende Typografie
http://www.barleysgville.com/

20. Lesarten – Inszenierende Typografie
http://www.twopaperdolls.com/hiring/

21. Lesarten – Inszenierende Typografie
http://lostworldsfairs.com/atlantis/

22. Lesarten – Inszenierende Typografie
http://www.seedconference.com/seed.php

23. Links:
Typecast http://typecast.com/
Typetester http://http//tpetester.org
FontFonter http://fontfonter.com/
FontShop-Plugin http://www.fontshop.com/plugin
FontSquirrel @font-face Generator http://www.fontsquirrel.com/fontface/generator

24. Quellen:
Der Vortrag basiert auf dem Buch "#webtypobuch" von Gerrit van Aaken
(praegnanz.de – van Aaken & Bräunlich GbR), http://webtypobuch.de/
http://www.smashingmagazine.com/typography-guidelines-and-references/
http://www.calebgittins.com.au/news/web-typography-guidelines/
http://ia.net/blog/the-web-is-all-about-typography-period/

25. Danke für die Aufmerksamkeit!