Responsive design is a moving thing, and it needs the space to stretch. FINE explores The Future of Responsive Type on the Web - for type that's more than just a pretty face.

1. 20 FINE SLIDES

2. A growing expectation that
websites should all be built
“responsive” to scale
perfectly to every screen
requires new design and
technology approaches.

3. The focus of responsive design is mostly
on fluid, flexible grids and images.
But...what about typography?

4. Content is a core
element of most sites.
Yet type itself often
gets lost in responsive
translation. Until now.

5. Let’s look at some ways to think
about type when designing a
responsive website.

7. The basic questions to ask:
1. What device(s) will your users be on?
2. Will your chosen typeface be legible
across those devices?

9. V-units are new
measurement units
designers and
developers can apply
to typefaces or, really,
anything with a width
(images, paragraphs,
yyoou name it).

10. V-UnITs ArE AwESoMe!

11. Unfortunately, these new V - units are so fresh, browser
support for them is scarce. For now.

12. As v-units are more
universally accepted,
they may dramatically
change how we thnk
about and develop for
responsive websites.

13. ThE
SUPER FUTURE
Of
RESPONSIVE
TYPE

14. The concept of detecting and serving different
content, typefaces, and images, to different
designs is amazing, but not mind-blowing...

15. ...what IS mind-blowing is the
concept of typefaces themselves
being responsive.

16. We are talking about a
font interpolating on
the fly, people! The idea
is the typeface itself
changes from one
weight to another
based on context.

17. Currently, fonts are So, introducing
STATIC DYNAMIC
typefaces that change in weight, based upon context,
will enable us to make fluid decisions in real time!

18. Imagine typefaces sold in ranges,
rather than by specific weights.
That’s in the works, thanks to
Lucas de Groot and his
Interpolation Theory.

19. They say “content is king”. So we say responsive typefaces will
increasingly be at the forefront of creating great websites.

20. Read up on V-UNITS!