Join Val Head for an in-depth discussion in this video Testing type across browsers and devices, part of Responsive Typography Techniques.
…In this tutorial, we'll be covering some of our testing options…to test our typographic prototype pages in a range of browsers.…The main goal of our typographic prototype pages…is to see how our potential type selections…will perform under real circumstances, real content, real…color and of course, real browsers and real devices.…Ideally, we'd all have wonderful device labs at our disposal…to test our prototype pages on all sorts of real devices.…But, unfortunately, that's really not the case for most of us, both in…terms to access of the devices and the amount of time we have available.…
So we need to look at some other options as well.…As a first step, put your prototype page online where you can easily access it.…And test on all the devices you have access to, even if…it's only your phone and maybe you borrow from a friend over lunch.…It's really helpful to take a look at these on at least…one non-desktop computer.…That way you get to see how they perform in context.…Even if it's just once, it's still helpful.…
- 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.