I was invited to give a keynote presentation at the IndieWeb Camp 2020 online conference, so I decided to make a web page summarizing my take on an introduction to variable web fonts. The video of my presentation can be viewed at the end of this project. My main goal with this project was to integrate variable font animations using CSTM Xprmntl 03, a variable font made by CSTM Fonts. I wanted to let the project be a demo for the subject of my presentation, so I chose to animate certain characters in the headlines for this project to highlight the unique custom variable font axis of CSTM Xprmntl 03.
Something I saw as a potential challenge was my use of viewport width for my font unit sizing as opposed to pixels, ems or rems. It ended up not being a challenge at all, though. Although this is the first web project where I've used viewport width for font sizing, it definitely won't be the last. The responsive gains make it so worth it!
Something I saw as a potential challenge was my use of viewport width for my font unit sizing as opposed to pixels, ems or rems. It ended up not being a challenge at all, though. Although this is the first web project where I've used viewport width for font sizing, it definitely won't be the last. The responsive gains make it so worth it!
PROJECT ROLES
Creative direction, web design, web development, public speaking
LAUNCH DATE
November 2020
WEBSITE
