Join Laura Franz for an in-depth discussion in this video Choosing a second web font from the Google Font API for the heading, part of Typography for Web Designers.
In this lesson we will be choosing a second font from Google web fonts for our heading.…Our text is set in PT Sans.…And there are a lot of fonts to choose from at Google web fonts.…And many won't be appropriate for our project.…The trick is choosing a second front that matches the feeling you are trying to communicate.…In this case a modern clean look.…We also need to make sure the two fonts work together.…We need to find a balance between similarity and contrast.…If fonts look too different from each other, they'll feel like they don't belong together.…
Through the magic of editing I have chosen a couple of fonts to consider with PT Sans.…Dancing Script is too elegant with its thick and thin brushstrokes.…If we were interested in using a script, Damion might be a better choice.…It has monoline strokes that are similar to monoline strokes in PT Sans, but I…don't think we want a script for this project.…Syncopate is beautiful, but it's a little funk. It draws attention to itself.…I want something that doesn't have so much personality for our clean modern page.…
- 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
Skill Level Appropriate for all
Typography with CSS in Dreamweaverwith Joseph Lowery2h 30m Intermediate
Creative Inspirations: Doyald Young, Logotype Designerwith Doyald Young1h 41m Appropriate for all
1. Using Fonts to Communicate the Meaning of a Word or Headline
2. Using Fonts for Text
3. Maximizing Readability
4. Visually Chunking Text
5. Shaping a Page Using Typography
6. Shaping a Traditional Typographic Page
7. Shaping a Modernist Typographic Page
8. Attending to the Typographic Details
Additional resources3m 9s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
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.