Research on fluid typography

cul-it / signage

Cornell University Library digital signage

0 stars 3 forks source link

Research on fluid typography #16

Closed manolobevia closed 7 years ago

manolobevia commented 7 years ago

Unlike responsive typography, which changes only at set breakpoints, fluid typography resizes smoothly to match any device width. It is an intuitive option for a web in which we have a practically infinite number of screen sizes included large display which is our case for Olin/Uris Library Signage.

manolobevia commented 7 years ago

Currently checking on:

[x] Viewport units vw, vh, vmin, vmax (https://www.smashingmagazine.com/2016/05/fluid-typography/)
[x] FitText http://fittextjs.com/

cappadona commented 7 years ago

Another great reference on Smashing is the recent Poly Fluid sizing Sass mixin.

The followup/response from the author of the original article you posted is also well worth a read, as are the fluid type examples on his site and codepen.

cappadona commented 7 years ago

Some postcss plugins that implement Mike's original approach:

manolobevia commented 7 years ago

I am testing the Sass mixin from Fluid Responsive Typography With CSS Poly Fluid Sizing. I like the idea of combining viewport units, media queries, and map ranges.