Join Laura Franz for an in-depth discussion in this video Applying Crimson Text to a web site using Google web fonts, part of Choosing and Using Web Fonts.
Now that we've picked an old style font, it's time to apply it to our Web page.…Start by opening the original_city_site file georgia_site.html in your…preferred text editor.…We're going to save this file as crimson_site.html, and you can save it in the…same folder, because we won't be overwriting anything.…Now we have crimson_site.html.…Now, I like to be able to see the files that I have open in my text editor,…so I'm just going to go ahead and do that, because what I'd like to do is load…your HTML document into your browser, and take a look at it.…
Right now, even though it's the crimson_ site.html, it is still showing up in Georgia.…So what we need to do is go to Google.…We're going to use the Google Web Font here, and we can see there are hundreds of…fonts to choose from,…but we know which one we want; we want Crimson.…We can see that it has six fonts and styles, including a semi bold, and a…semi bold italic, which is very nice, because I didn't care for the bold italic…when we first looked at this font.…
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 Appropriate for all
Duration
Views
Related Courses
-
Typography for Web Designers
with Laura Franz6h 25m Appropriate for all -
Creative Inspirations: Doyald Young, Logotype Designer
with Doyald Young1h 41m Appropriate for all
-
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: Applying Crimson Text to a web site using Google web fonts