This document provides a summary of various web design techniques related to typography including mixing different fonts, using fonts as logos, using different font styles for headings versus body text, when to use all capital letters, and examples of websites that employ different typographic approaches. It lists several website URLs as examples to illustrate different typographic strategies for web design.

1. Photoshop and
Web typography
MMC 4341
Week 3

2. fat + skinny fonts
http://oliverkavanagh.com/

3. mix ’n’ match fonts
http://www.newtoyork.com/

4. risky: 3 fonts http://www.lovefreelancing.com/

5. http://www.mediedyret.no/
big serifs, small sans

6. name as logo
http://www.marcellomanso.com.br/

7. fat sassy font (with sassy colors)
http://www.vanityclaire.com/

8. http://quadrantcommunications.be/
sans-serif: clean & legible

9. http://www.fortysevenmedia.com/
big serifs, small sans

10. http://www.brunetgarcia.com/
full caps: when are they readable?

11. http://madebygiant.com/
built like a puzzle

12. Magazine Web sites

13. sans for heads, serif for body
http://seedmagazine.com/

14. all sans
http://www.dwell.com/

15. fonts that don’t call attention to themselves
http://www.realsimple.com/

16. http://www.nationalgeographic.com/
all sans

17. all serif (with an iconic logo)
http://www.interviewmagazine.com/

18. Web only

19. marriage of CSS and Photoshop
http://www.mint.com/

20. oops! (images disabled)
http://www.mint.com/

21. Photoshop and
Web typography
Presentation by Mindy McAdams
University of Florida