TypeNetwork / variable-fonts-info-site

A brochure website to demonstrate the benefits of variable fonts
https://variablefonts.typenetwork.com
Apache License 2.0
36 stars 12 forks source link

roboto-instances-vs-interpolated #69

Closed dberlow closed 5 years ago

dberlow commented 5 years ago

https://variablefonts.typenetwork.com/examples/styles/roboto-instances-vs-interpolated

don't let the highlighted lines break.

weight and width are fixed to editorial content, so change text, or size only

screen shot 2019-03-04 at 8 20 39 am

please.

litherland commented 5 years ago

Edited text.

dberlow commented 5 years ago

I've also sketched out a responsive solution to this page that can become an example. We also need to add a bit of text to stress the use of Roboto "Classic, which contains the old family in a new, singular file.

Let me know if questions.

thanks

Responsive particulars.pdf

ghost commented 5 years ago

I've done an experimental smooth-scaling size system, let me know what you think. It starts at 320px (smallest iPhone width) with the specified sizes 26/16/9/8. Then as the window grows, the fonts grow proportionally until they hit the top sizes 48/30/18/13.

I have not done anything with the font weights yet. I assume you want the "responsive" values (i.e. heavier at smaller sizes)?

ghost commented 5 years ago

participation

dberlow commented 5 years ago

Very cool!

On Mar 5, 2019, at 7:49 PM, Chris Lewis notifications@github.com wrote:

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

ghost commented 5 years ago

Ironically this does not require variables.

dberlow commented 5 years ago

It’s not using size yet:)

On Mar 5, 2019, at 11:25 PM, Chris Lewis notifications@github.com wrote:

Ironically this does not require variables.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub, or mute the thread.

dberlow commented 5 years ago

Also, if you look at the original material, the top specimen is not supposed to vary, responding to portal scaling with only the legacy styles of Roboto, ...the bottom half is supposed to show that the new var, has the same scalability, plus interpolation capabilities to other styles, and these can be used responsively, as was specified: see, “Improved and final I phone shrink” in the original material.

ghost commented 5 years ago

This now adjusts opsz and wght with resize

ghost commented 5 years ago

Round three is at #75