We have learned a lot about how to choose fonts, how to choose two fonts that…work together, and how to work with both web fonts and web-safe fonts.…We've also learned about creating meaning with fonts, either using display web…fonts like a script or a crunch font, or by using more subtle approaches like…working with case, style, and serif or sans serif fonts to create meaning.…Now is a good time to ask, how are fonts being used on professional sites?…Here Jessica Hische uses multiple fonts in her site.…

She uses @font-face to access Colonna for the text, Coquette for the orange…links and headings, and Neuzon for her capitalized links.…She continues using the fonts throughout her site.…Working with so many fonts takes a lot of practice.…I wouldn't recommend this for beginners.…The Colonna is very traditional and elegant, the all caps, Bold Neuzon, is very…clean and geometric, and the Coquette has a lot of personality.…

The Coquette's monoline strokes have some similarity to the Neuzon, which I think helps.…

Resume Transcript Auto-Scroll

Author

Released

7/14/2011

Learn how to choose fonts for a web site and create beautiful, legible type. Author Laura Franz shares how to create designs that maximize readability (and keep visitors on the page) by paying attention to details in size, line-height, line length, alignment, color, vertical space, and more. Laura also demonstrates how to incorporate web fonts, style type with CSS, and pick fonts that work well together.