Start learning with our library of video tutorials taught by experts. Get started
Viewed by members. in countries. members currently watching.
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).
Script fonts don't all look alike. Some look elegant, reminiscent of fine handwriting created with a pointed, flexible quill. Others feel kitschy, fun, reminiscent of the scripts popular in the 1950s. Even though Scripts can look very different from each other, they have common elements. A Script is based on handwritten forms. The lowercase letters are linked and there's usually a forward slant to the letters. The first lead type Script font was designed in 1577 by Robert Granjon about 105 years after Nicolas Jenson created his Venetian font and almost 150 years before William Caslon designed his Old Style font In fact, using a fancy Script on a document was a status symbol in the late 1500s.
People especially preferred Scripts with detailed, complicated flourishes and contrast between thick and thin strokes. Of course, at the time, letter-pressed printing technology didn't allow for printing such thin details. This didn't happen for another 150 years when John Baskerville designed his Transitional font. So most fancy Scripts were originally printed with engraved copperplate. The copperplate could reproduce fine lines. Unfortunately, copper is much softer than lead so the plates could only be used to make about 200 impressions.
Then the plates would have to be ground down and the message re-etched. Now, this may seem like it doesn't have anything to do with Web fonts, but I think it does. The story of early printed Script fonts reminds me of how modern fonts like Unna don't hold up well in text on the screen. They don't have a chance to show off their beautiful, delicate thin strokes unless they're used as very large headings. It seems to me that today's screens and browsers are similar to lead type in the late 1500's.
Neither can reproduce fine lines in their full glory. Of course, back then printers could turn to engraved the copperplate even if it meant re-engraving the plate multiple times to print a large run of documents. Today, we don't have that option, but we can pick a Script that holds up well on screen. We can pick a Script font with good links on the lower case letters, comfortable forward slant, and strokes that don't get fuzzy or lost on the screen.
There are currently no FAQs about Choosing and Using Web Fonts.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.