Sans serif fonts don't have serifs.…The first sans serif font was released in 1816 by the great grandson of William…Caslon, whose old style font we looked at earlier in the course.…It was not well-received, and in fact, was called grotesque.…To this day, some sans serif fonts use the term grotesque in their name.…Sans serif fonts gained some popularity in the mid to late 1800s.…

Like slab serif fonts, they were heavy, and primarily used on broadsides, and for headlines.…In fact, looking at a digital version of Franklin Gothic, which was released…right at the turn of the century in 1902, we can see the font is bold-weight;…not designed for reading extended amounts of text.…Shortly after Franklin Gothic, font designers started designing sans serifs for use in text.…Today, there are thinner weights of Franklin Gothic, which were released in the 1980s.…

We usually associate sans serif fonts with feeling modern or technical.…Some people even call them cold, because they lack the humanist calligraphic…

Resume Transcript Auto-Scroll

Author

Released

6/27/2012

This course focuses on the theories behind web fonts: what makes a good font, why different fonts look the way they do, and how fonts affect the look of a web page. Author Laura Franz covers common tasks, including downloading a font from an online source such as Typekit or Font Squirrel, implementing the font in HTML and CSS, and changing the size and line-height to improve the readability of text. The course also covers different periods of type design and explores the history behind handwritten fonts, text fonts (used for large amounts of text), and display fonts (used for headlines).

Topics include:

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