This workshop is intended for designers new to typography in the browser and will cover how to control typography on the web. From standard typesetting to experimental techniques, we will learn various ways to work with digital type — ranging from loading a webfont to animating variable fonts. We will approach the browser as a creative medium by developing a single-serve website that demonstrates intentional typography, in both design and functionality. Instruction will cover ways to control visual composition and basic interactivity on the web, using HTML & CSS. Participants will need no prior knowledge of these languages for this workshop but should be prepared to dive into coding.
Learning Outcomes
- Understand the relationship between the semantic markup of texts and browser-default styling
- Learn to develop a design system for web typography, including how to establish hierarchy and fine-tune for optical sizes
- Explore various means available for typographic expression on screen
- Load and use webfonts and access features in the files
- Markup text on a webpage using HTML
- Control typographic layout on a webpage using CSS
Required Materials
- Please bring your laptop and your content — the text you would like to use on your single-page website.
Diversity and Equity Scholarship
Diversity and Equity are important to all of us at Letterform Archive, and we are committed to increasing opportunities for underrepresented groups within the type and design communities.
We are offering one BIPOC/Equity scholarship seat in this workshop.
To apply for this scholarship, please complete and submit to us the short form linked here at least a week prior to the start of the workshop.