Join Val Head for an in-depth discussion in this video Identifying quality web fonts, part of Responsive Typography Techniques.
…The term web font is applied to so many fonts these days,…whether or not they were actually designed for the web, at all.…In this tutorial, you'll learn ways to…identify quality web font choices using research…and testing them firsthand to make informed…choices when you select your web fonts.…Not all fonts for the web were made for the web.…It's confusing but it's true.…There's a big difference between fonts that have just…been run through some kind of automated generator, and…ones that were designed specifically and intentionally for use on the Web.…
As designers and builders of the web, we tend to blame the…browsers or the type designers for these rendering differences that we see.…But that's not really the whole picture.…There are a number of things going on behind the…scenes that affect how our type is rendered in the browser.…The operating system and the text rendering system that…operating system uses, the file formats that the font's…available in, as well as preferences and settings…that the user viewing our website has actually set.…
- Deciding between self-hosted and hosted web fonts
- Sizing your type with pixels, ems, and rems
- Applying and choosing a typographic scale
- Creating a font stack
- Maintaining line lengths
- Using media queries to set natural typographic break points
Skill Level Intermediate
1. Comparing and Choosing Web Fonts
2. Establishing Rhythm in Your Typographic System
3. Creating Type Prototype Pages
Establishing the font stack7m 32s
4. Setting Type for Readability Across Screen Sizes
5. Helpful Online Tools and Scripts
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.