Typography Resources: for Sketch & Web

Inspired by my new Net Magazine article Implement Beautiful Typography in Sketch (read it on iOS or Android Newsstand), this collection of resources and visual examples will help you step up your type game. Explore text on a path, OpenType features, and special characters in Sketch, then implement those on your website using HTML, CSS, and SVG. These techniques are also the focus of my next Sketch Master course. Subscribers to my newsletter will be notified when it’s released.

Text on a Path

Gallery of Examples

THE VIEW FROM ABOVEPACIFICconcrete architectureJust catch the wave.SINCE 1973

A CodePen template for implementing Text on a Path, as shown in the examples gallery on this page.

Explore OpenType Features

Some great free fonts to experiment with—that contain OpenType features—are Playfair, Hoefler Text (pre-installed on Macs), and the free versions of Capita, Canaro, and Publica. Be sure to reference the MyFonts.com images, the font foundry’s website, or the font’s specimen sheet for details on what OT features are included and how to use them.