Author
Released
6/27/2012- Explaining the history of text fonts, from Old Style, Transitional, and Modern to Slab Serif and Sans Serif
- Understanding font classifications
- Setting up a Typekit account
- Choosing a quality font based on forms, spacing, and weights and styles
- Accessing fonts from various sources
- Implementing fonts with the @font-face syntax
- Looking at how fonts affect the look and feel of a web page
- Changing font styling to improve readability
- Making various font weights and styles work correctly across multiple browsers
- Pairing fonts (headline and text, two fonts in text, and so on)
- Setting fallback fonts
Skill Level Intermediate
Duration
Views
- Hi, I'm Laura Franz, and welcome to Choosing and Using Web Fonts. New web fonts are released constantly. So, in this course, I'll show you what to look for when choosing a font. We'll look at historical context, which helps explain why fonts look and feel a certain way. I'll show you how letters written with pen and ink have affected font design. We'll also look at how fonts differ from each other and how subtle variations can affect the look of a page. I'll show you what to avoid when choosing a font. We'll cover what characteristics don't hold up on screen and what makes a font harder to read.
We'll explore a wide range of fonts, including serifs, san serifs, handwriting, and display fonts. We'll even look at how to choose two fonts to use together, whether you're working with text or a headline. Throughout the course, we'll use Google web fonts, type kit, and at font-face syntax. So, let's get started with Choosing and Using Web Fonts.
Related Courses
-
Typography for Web Designers
with Laura Franz6h 25m Intermediate
-
Introduction
-
Welcome58s
-
Using the exercise files1m 47s
-
-
1. Getting Started
-
2. Venetian Fonts
-
Identifying a Venetian font4m 46s
-
Choosing a Venetian font3m 47s
-
3. Old Style Fonts
-
Choosing an Old Style font4m 30s
-
4. Transitional Fonts
-
Choosing a Transitional font6m 36s
-
5. Modern Fonts
-
Identifying a Modern font7m 50s
-
-
6. Slab Serif Fonts
-
Choosing a Slab Serif font3m 58s
-
7. Other Serif Fonts
-
Choosing "Other" Serif fonts10m 12s
-
8. Transitional Sans Serif Fonts
-
9. Geometric Sans Serif Fonts
-
10. Humanist Sans Serif Fonts
-
11. Handwritten Fonts
-
Choosing a handwritten font8m 17s
-
12. Pairing Fonts
-
13. Script Display Fonts
-
Understanding Script fonts2m 19s
-
Setting fallback fonts2m 55s
-
-
14. Wood-Type-Inspired Display Fonts
-
Setting fallback fonts2m 31s
-
15. Art Deco Fonts
-
Setting fallback fonts2m 48s
-
16. Futuristic Fonts
-
Setting fallback fonts2m 22s
-
Conclusion
- 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.
CancelTake 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.
Share this video
Embed this video
Video: Welcome