11–15.11.2019
An introduction to variable font technology and the capabilities of the new format. How this new technology is affecting the future of typographic expression and practice across media. We will see examples of variable fonts in real projects, from branding to UI, and in more experimental applications. Scope of the workshop is to discover the connection of this technological development to the typographic disciplines, rediscover kinetic typography and the connection to animation. The workshop will cover everything from hand drawing, to digitising letterforms and graphics, to the writing of CSS code. The students will create their own typographic expressions by developing a variable font.
Mon & Tue: 14.00 - 18.00
Wen & Thu: 9.30 - 18.00
Friday: 9.30 - 13.00
13.00 - 15.00 – presentation of workshop results
(Monday afternoon)
Introduction to variable fonts
Reminder of font terminology, anatomy of glyphs
Reminder of Glyphs app
(tuesday afternoon)
Drawing letters
Introduction to parametric fonts
Making some parametric fonts
(Wednesday morning)
Continue working on parametric fonts
(Wednesday afternoon)
Introduction to CSS typography (font size, font family, colour, border, webfonts, etc)
CSS for variable fonts
Develop concept for website
Develop concept for animation
Discuss website concepts with group
Start making the website
(Thursday morning)
Continue the website
(Thursday afternoon)
Start making the animation
(Friday morning)
Finalising website, animation
(Friday afternoon)
Presentation of the workshop results to the conference
Over the week of Future Text the workshop leaders will take the participants through:
* drawing typefaces on paper and in Glyphs.app
* understand variable fonts: interpolation, compression, flexibility, animation
* use variable fonts: browsers, Illustrator, Photoshop, InDesign beta, Sketch beta
* make a variable font
* understand parametric fonts
* make a parametric font
* basics of web typography using CSS
* CSS to control variable fonts
* developing a concept for a responsive or animated website
* making the website using variable fonts
12-15 participants
Laptop Mac
Operating system: MacOSX 10.13+
Font editor: Glyphs 2 https://glyphsapp.com/buy (free for 30 days)
Testing apps (not mandatory):
Adobe Illustrator CC 2018, Adobe Photoshop CC 2018, Adobe InDesign CC 2020 (pre-release Beta) https://www.adobe.com/gr_en/products/catalog.html? (free for 7 days)
Sketch Beta https://www.sketch.com/beta/ (free for 30 days)
web and identity by Maciej Połczyński
The project is financed by
the Polish National Agency for Academic Exchange (NAWA)
web and identity by Maciej Połczyński
The project is financed by
the Polish National Acency for Academic Exchange (NAWA)