Typography for Web Designers

VIDEO QUALITY:540

6h 25m Appropriate for all Jul 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.
Topics include:

    Understanding how good typography promotes reading
    Choosing web-safe fonts
    Applying web fonts in CSS with @font-face
    Adding and applying the Google Fonts syntax
    Finding and applying a good font size, line height, and line length
    Improving a color palette by improving contrast and reducing optical vibration
    Understanding how people mentally organize, or chunk, visual elements
    Applying a system of hierarchy in HTML and CSS
    Applying vertical spacing in CSS
    Adding emphasis within a heading
    Understanding classic and modernist typographic pages
    Adding a list of links
    Creating drop caps
    Fixing quotation marks, apostrophes, and dashes