search

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

New three-level headline example #41

Closed ghost closed 5 years ago

ghost commented 5 years ago

Custom section is tweakable by user.

image

ghost commented 5 years ago

Three-level headlines added to Fluid Size

ghost commented 5 years ago

Headline tweaker example is here. UI still needs work.

dberlow commented 5 years ago

Is there some reason to remove the indication of optical sizes?

Also looking at this on the iPhone as opposed to the iPad, Shows the need for a responsive solution in the widths, As the lines are breaking up the composition.

There are details of a description that we can go into later.

On Jan 21, 2019, at 12:45 PM, Chris Lewis notifications@github.com wrote:

Headline tweaker example is here. UI still needs work.

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

ghost commented 5 years ago

Oh sorry, I thought those numbers were just explication in the mockups for me and claire. I'll add them.

Note that for the actual production I halved all the sizes; 96 is gigantic in the web page context. (Also the optical size axis only goes up to 72.)

dberlow commented 5 years ago

Yeah I put the numbers in as I used em, cuz I’m interested in what the numbers are really . so I highlight them and they do belong in there because otherwise there’s no show of opsz change .Thanks

On Jan 23, 2019, at 12:41 PM, Chris Lewis notifications@github.com wrote:

Oh sorry, I thought those numbers were just explication in the mockups for me and claire. I'll add them.

Note that for the actual production I halved all the sizes; 96 is gigantic in the web page context. (Also the optical size axis only goes up to 72.)

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

ghost commented 5 years ago

I put the numbers in, but it's a bit of a hack. Also quite difficult to get them to align nicely with the surrounding text.

ghost commented 5 years ago

Fixed the bigger size that was causing overflow due to the change from px to pt sizing.

The layout of these is basically good, closing this for now. There are still some problems related to #64 and #20 but we can deal with those in those issues.