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

Making various weights and styles work correctly across different browsers

From the course: Choosing and Using Web Fonts

Start my 1-month free trial

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…

Contents