From the course: Choosing and Using Web Fonts
Unlock the full course today
Join today to access over 22,400 courses taught by industry experts or purchase this course individually.
Making various weights and styles work correctly across different browsers
From the course: Choosing and Using Web Fonts
Making various weights and styles work correctly across different browsers
Looking at the refined Crimson Text version of our Web page, it looks like we're done, but we're not. What you can't tell by looking at my screen, because I'm on a Mac using Firefox, is that the way Google Web Fonts tells you to use their system doesn't work correctly on Internet Explorer 7 or 8. Take a look at this screenshot of the same page, viewed on Windows 7, Internet Explorer 8. Look at the italics in the quote about libraries. They are fake. If you're new to looking at fonts, you may not realize they are fake, but the A and E give it away immediately. Most true italics have a single-decker A, not the double-decker one like we can see here, and Crimson Text E is softer and rounder. The fake italics has neither of these things. It uses the regular version of the text, and just slants it over. You can also see the difference in the Y and F very clearly. Let's toggle back to our Web page. There is the F with the tail, and the Y with the curved stroke, and the fake italic has…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
Identifying an Old Style font6m 26s
-
Choosing an Old Style font4m 30s
-
Applying Crimson Text to a web site using Google web fonts3m 8s
-
Changing styling as necessary to improve the readability of the text9m 20s
-
Making various weights and styles work correctly across different browsers5m 16s
-
Looking at how using an Old Style font affects the look and feel of a web page4m 13s
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-