Typography for the Web
Pluralsight
Course Summary
In this course, we'll learn how to start thinking about type on the web by considering the many contexts for which we have to design.
-
+
Course Description
If you want your users or customers to retain information and have a more pleasant experience, then type is one of the single most important factors. In this course, we'll learn how to start thinking about type on the web by considering the many contexts for which we have to design. We'll go over how the browser renders type, different methods for using and pairing fonts on the web, and how to use readability, hierarchy, contrast, and white space to improve our typography for the web. This tutorial assumes a basic knowledge of typography, and some of the discussion and concepts are explored using basic CSS.
-
+
Course Syllabus
Introduction and Project Overview- 1m 13s
—Introduction and Project Overview 1m 13sTypography for the Web- 3h 11m
—Type on the Web 3m 10s
—Understanding Default Browser Styles 9m 12s
—Web Safe Fonts 5m 28s
—Thinking About Context 8m 39s
—Readability and Choosing a Font 6m 7s
—Using and Pairing Web Safe Fonts 7m 43s
—Choosing and Pairing Typekit Fonts 10m 37s
—Using Typekit Fonts 11m 21s
—Choosing and Using Google Fonts 10m 12s
—Using Font-face 13m 40s
—Creating a Font Stack 5m 7s
—The Importance of Hierarchy 4m 58s
—Hierarchy and Creating a Typographic Scale 7m 5s
—Using a Typographic Scale 9m 8s
—Creating a Responsive Scale with Ems 6m 38s
—Using Contrast 7m 45s
—Using Color 9m 3s
—Kerning and Tracking with Letter Spacing 7m 34s
—Line Height and Leading 3m 51s
—Vertical Rhythm and White Space 15m 48s
—Line Length 4m 30s
—Alignment 6m 3s
—Special Characters and Typographic Quotes 5m 27s
—En Dash, Em Dash, and Hyphens 5m 1s
—Type in Different Contexts 7m 16s