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

Justification engine demo #68

Open dberlow opened 5 years ago

dberlow commented 5 years ago

As more and more needs to be demonstrated at once, before we go too far in parametric x space, I'd like to specify parametric y space more definitively.

So, e.g. pictured below, it's hard to look at larger samples in the justification demo (left) (typetools right), because the linespacing is not following an ideal:

justifydemo vs ideal

So, can we automate all linespacing, at least in the Justification engine, to a single function like this:

linespacing

then we can tweaque it for things like widths, and weights after we tweaque it for size.

Using YOPQ makes it serif/sans and case independent, as using YOPQ, means justifying using the local YOPQ value exactly, or to leverage off it and get a proper linespacing

Let me know thanks.

ghost commented 5 years ago

Okay I have added this math! And some new labels at the top of the paragraph that shows the current YOPQ, column width, and line height.

ghost commented 5 years ago

Todo: make column width a slider, or detect touch events to make it work on mobile.

dberlow commented 5 years ago

Chris, There is one thing i hope we can do easily and quickly. I'd like to be able to compose and justify RobotoExtremo, as well as AmstelvarAlpha?

ghost commented 5 years ago

Yes it should be straightforward. Do you have a set of acceptable ranges against size/weight like we did previously?

On Mon, Apr 22, 2019 at 2:38 AM David Berlow notifications@github.com wrote:

Chris, There is one thing i hope we can do easily and quickly. I'd like to be able to compose and justify RobotoExtremo, as well as AmstelvarAlpha?

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub https://github.com/TypeNetwork/variable-fonts-info-site/issues/68#issuecomment-485377204, or mute the thread https://github.com/notifications/unsubscribe-auth/AAEPKAKP6ZNIGKIX5JCDCBTPRWBQTANCNFSM4G3MEWNA .

dberlow commented 5 years ago

We will find out shortly;)

On Apr 22, 2019, at 11:03 AM, Chris Lewis notifications@github.com wrote:

Do you have a set of acceptable ranges against size/weight like we did previously?

dberlow commented 5 years ago

...From applying the same ones we are using Amstelvar

On Apr 22, 2019, at 11:03 AM, Chris Lewis notifications@github.com wrote:

Yes it should be straightforward. Do you have a set of acceptable ranges against size/weight like we did previously?

On Mon, Apr 22, 2019 at 2:38 AM David Berlow notifications@github.com wrote:

Chris, There is one thing i hope we can do easily and quickly. I'd like to be able to compose and justify RobotoExtremo, as well as AmstelvarAlpha?

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub https://github.com/TypeNetwork/variable-fonts-info-site/issues/68#issuecomment-485377204, or mute the thread https://github.com/notifications/unsubscribe-auth/AAEPKAKP6ZNIGKIX5JCDCBTPRWBQTANCNFSM4G3MEWNA .

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub, or mute the thread.

ghost commented 5 years ago

This was more work than expected because a lot of the code was based around the assumption that Amstelvar Alpha was the center of the universe. I've loosened up the justification demo page to be more font-agnostic. I put in some initial values for Roboto Extremo, using wdth since it doesn't have XTRA. My eyeball says my values are probably a bit too extreme, but it's a start.

ghost commented 5 years ago

You can edit the Roboto tolerances here if you like.

dberlow commented 5 years ago

Oops. Robotodelta has the paramedics not extremo....

On Apr 22, 2019, at 7:31 PM, Chris Lewis notifications@github.com wrote:

You can edit the Roboto tolerances here if you like.

— You are receiving this because you modified the open/close state. Reply to this email directly, view it on GitHub, or mute the thread.

ghost commented 5 years ago

Do we have composite-to-parametric relationship math for Roboto Delta? (For doing the ghost-slider thing in typetools, and for computing relative-weight based on XOPQ for the brochure.) @sannorozco @dberlow

ghost commented 5 years ago

Okay Delta is in on the Justification page