Join Val Head for an in-depth discussion in this video Vertical rhythm with a base unit, part of Responsive Typography Techniques.
…Using a base unit, to derive all your vertical measurements from,…is a technique used to set consistent vertical spacing in your layouts.…This method is very much rooted in the principle…of using baseline grids from the days of print.…Base units and typographic scales aren't mutually exclusive, but most people…tend to favor one method or the other in their design work.…Both can give you similar benefits.…Selecting your base unit usually comes from the…line head you choose for your body text.…And in turn, that's affected by the type face you're using.…Typically, I select the type face I'll be using, and experiment until I…find a good font size and line height that feels comfortable to read.…
Then I derive my base unit from those settings.…Let's move over to coda and look at our CSS to see how we can establish that.…So I'll switch over to Coda where I have the chapter 02 03 example CSS open.…And that's the screen.css file in that folder.…For our example, I've chosen a font…size for my body text of 18 pixels, and…
- 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.