Variable Fonts & the Future of Web Design
The web is about words, ok, and cat videos, but otherwise lots and lots of words. We’re well past the tipping point of ‘more mobile than desktop’, and the use of content management systems has skyrocketed so the way we set those words has a bigger impact than ever on design, usability, and brand differentiation.
There’s no doubt that typography is our most important tool in great design and UX, but that can’t come at the expense of performance. Otherwise, we risk our great designs never being seen. Enter the latest development in type technology: Variable Fonts, coming to web browsers near you.
Envision a single font file that can scale in size, width, weight and even x-height exactly as the type designer envisioned. All controllable with CSS. Everything from super-fine-line delicacy to the chunkiest slab headlines; wide widths in banners and slightly narrower body copy for better line lengths on mobile devices.
If type is the voice of your words, that voice just became a chorus.
We’ll look at the technology, how to use it, timeline for release, and most importantly: their impact on the dynamic range of our design capabilities. Make no mistake: variable fonts will have a more significant impact on web design than anything since responsive design itself. Learn how you can use them today and be ahead of the web tomorrow.
We'll also talk about how the can redefine the future of designing for the web, on the web itself. After we've done all we can to create design systems for any content, it's time we build tools into our CMS that let us design /specific/ content. Variable fonts will play a key role in unlocking a whole new level of sophistication in communication and design on the web.
Spoiler alert: this just might include a live working demo in Drupal 8. Just sayin'