Type Specimens on the Web with Marie Otsuka

in-person) ticket holders can have a 10% discount on this workshop. Write to for the promo-code to take advantage of this offer before you pay.

What might be the best way to present a typeface on the web? This workshop will explore ways of displaying type on screens beyond the generic “The quick brown fox jumps over the lazy dog,” and how you might tailor a web specimen specifically for the typeface.

This workshop is intended for designers new to typography in the browser and will cover how to work with fonts on the web. Through demos and hands-on coding, we will learn various ways to express digital type directly with HTML & CSS — ranging from loading a webfont to animating variable fonts. Instruction will cover ways to control typographic composition while covering techniques for basic interactivity on the web. Participants will need no prior knowledge of these languages for this workshop but should be prepared to dive into creative coding. While trial fonts can be provided for exercises, it would be best to come with a chosen typeface to work with for the workshop.

Required Materials

• Laptop
• Chrome / Firefox browser
• One or more fonts — this can either your own finished / in-progress typeface , or a webfont you own
• Text Editor (we’ll cover this in class)

Marie Otsuka works on fonts, websites, tools, and books, often together and in relation. She draws type and programs tools at the type foundry Occupant Fonts, while collaborating with a range of authors, artists, and organizations independently as a designer / developer. Her approach focuses on context-specific typography and interaction. http://motsuka.com/ 

Host or Publisher Typographics Festival