I'm not sure if there's a name for these distortions as a simple style, I will adopt two: dynamic typeface and responsive font.
I took this name from the Francis Gradient font description because I think it is very illustrative of this feature:
Francis’ real tour de force, however is its collection of four Gradient styles, capital-only display versions that produce dynamically increasing or decreasing character widths. These remarkable text patterns are possible because each Gradient style contains 2,690 glyphs that are selected automatically using OpenType’s Contextual Alternates feature.
The terminology used in web design applied to several devices is influencing all the elements used in its creation, also the design. The only possibility of making a text or font responsive is by modifying its length or typographic variable like size or weight. There's still no change in the design itself, but it's a very good idea to implement: a responsive font design.