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

Examples are not functioning #100

Closed davelab6 closed 5 years ago

davelab6 commented 5 years ago

Is there a trick to making these experiments works? I can get size to change but see nothing when I adjust opsz or weight

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

Adjusting CSS values in Chrome on Android didn't work for anything.

dberlow commented 5 years ago

Confirming I can’t change anything but size on iOS.

ghost commented 5 years ago

Hmm yes, something is setting inline styles on those elements and overriding the stylesheet. Will investigate.

ghost commented 5 years ago

This problem is specific to the Roboto instances demo, because it has some custom Javascript to adjust the weights depending on the viewport size. I specifically added the ability of the experiment popup to run scripts in the HTML to make this one work, but I think the simplest solution is to remove that and let the demo wrap poorly on narrower screens.

ghost commented 5 years ago

I've disabled including Javascript in the playground for now. I believe this is the only example it affects.

ghost commented 5 years ago

Related to this, Roboto doesn't have an opsz axis, which is included in this example for some reason. Could switch to Roboto Delta?

dberlow commented 5 years ago

Can’t switch right now.

On Jun 25, 2019, at 12:13 PM, Chris Lewis notifications@github.com wrote:

Related to this, Roboto doesn't have an opsz axis, which is included in this example for some reason. Could switch to Roboto Delta?

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