Making various weights and styles work correctly across different browsers


show more Making various weights and styles work correctly across different browsers provides you with in-depth training on Design. Taught by Laura Franz as part of the Choosing and Using Web Fonts show less
please wait ...

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...

Making various weights and styles work correctly across different browsers
Video duration: 5m 16s 6h 52m Appropriate for all

Viewers:

Making various weights and styles work correctly across different browsers provides you with in-depth training on Design. Taught by Laura Franz as part of the Choosing and Using Web Fonts

Subjects:
Design Web
Author:
please wait ...