Web Unleashed 2017
UX/UIWeb DevWork Better
  • 2017-09-25 00:00:00 2017-09-26 00:00:00 America/Toronto Web Unleashed 2017 Toronto FITC
  • Toronto
  • #WEBU17

Presentation

Slides

Overview

The majority of content on the web is words—and more than half of web browsing happens on mobile screens. It follows then that the way we set our words has a bigger impact than ever on design, usability, and brand differentiation. But while typography is clearly the most important aspect of great design and user experience, it can’t come at the expense of performance or we risk our great designs never being seen. Variable fonts are here, and will change everything: with a single font file that can scale in size, width, weight and even x-height—exactly as the type designer envisioned. 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. All controllable with CSS.

If type is the voice of our words, that voice just became a chorus. Jason will look at the technology behind variable fonts, how to use them on the web, their timeline for release, and most importantly: their impact on the dynamic range of our designs. He’ll also look at how this could impact how you design—with design tools built into the content management system itself. This could enable a whole new layer of design that is specific to the content rather than generalized for anything, without requiring custom code every time.

Objective

Show designers and developers a new evolution of font technology and all that it can do for design on the web

Target Audience

Designers and developers interested in a major new evolution in web font technology & design possibilities

Assumed Audience Knowledge

Basic understanding of or appreciation for web typography and how to implement it well with the very latest font technology advances

Five Things Audience Members Will Learn

  1. What are variable fonts
  2. How they impact design
  3. How they address performance
  4. Benefits for small screen device readability
  5. How they can enable design capabilities and roles within the CMS