Teaching Typography with Flickering Fonts

No matter how you pronounce them, animated GIFs, with their brevity, humor, and visual inventiveness have certainly found their place in Web culture. We’ve come a long way from rippling flags and dancing babies. Nowdays GIFs can be quite artful, and they can be used as teaching tools as well. Case in point: the site Arialvshelvetica.com. It’s just one page filled with a GIF that flickers with strobe-light speed between the basic character sets of Arial and Helvetica.

Arialvshelvetica.com

The flicker first draws your eye to the biggest differences in the two typefaces, like capital R. But then you might start to notice more subtle, but significant differences in other characters (if you don’t have a seizure from staring at all that educational flickering). For best results, view the site with Chrome or Safari, not Firefox.

And if you’re interested in a great mini-documentary on the history and the amazingly creative things people are doing with GIFs today, check out the PBS Arts Off Book episode devoted to the subject.

 

Thanks: Core77

Bookmark
Please login to bookmark Close

This article was last modified on January 8, 2023

Comments (3)

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Mike Rankin

    Agreed. That’s pretty much what I did to create the image for the article. It’d be pretty cool if one of the font management tools would add a feature where you could select 2 fonts and create an overlay like that.

  2. Great demo.

    But I would just put one typeface on a layer over another, and lower the opacity to see the differences.

  3. Rich O'Rielly

    That could induce a sans serif seizure!