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

Spacing in paragraphs example #37

Open ghost opened 5 years ago

ghost commented 5 years ago

image

ghost commented 5 years ago

image

ghost commented 5 years ago

With "micro movies" that show what's changing, with interactive option on the final example letting them mess with it.

ghost commented 5 years ago

@dberlow in the Spacing for Paragraphs Horizontal illustration, the "justification by letterspacing" examples seem to have some variable width shrinkage going on as well. I could use some pointers on just how you'd like that justification to happen (letterspacing, wordspacing, width variation). Doing real justification through Javascript is a bit of a project—which I have already done some work on—but it can be done, just need to know the details of how you'd like the algorithm to work in these specific spacing examples.

dberlow commented 5 years ago

Hey Chris,

The arguments are: Local xtra, I.e. what the width of the default style is to begin with, defines the range(s) below; Opsz, at the min end has less -xtra allowance,
at max end wordspace has more - space... etc. Case, as in all caps have more generous xtra range, less word space range than mixed case.

Min-max wordspace share Min-max letterspace share

Where “share” is of the difference between ideal line length and what’s to be justified in ems.

I’ll make a chart this weekend.

Two other things I need to get to first, this weekend, are the left column taking on the title of ‘’Contents” with organization of labeled serious and topics to match what we’ve got so far...

And, based on the experience we gained matching the weight to the arrow, I have a guide to using parametric axes at the top of my list, that includes issues of x and y typography.

So, some of the value system/ algorithm issues for the vertical and horizontal spacing demos, which includes “Spacing for Paragraphs Horizontal”, depend on parametric axis use.

Let me know questions so far, and I’ll take a look at your link above in the morning.

Thanks.

On Jan 25, 2019, at 3:36 PM, Chris Lewis notifications@github.com wrote:

@dberlow in the Spacing for Paragraphs Horizontal illustration, the "justification by letterspacing" examples seem to have some variable width shrinkage going on as well. I could use some pointers on just how you'd like that justification to happen (letterspacing, wordspacing, width variation). Doing real justification through Javascript is a bit of a project—which I have already done some work on—but it can be done, just need to know the details of how you'd like the algorithm to work in these specific spacing examples.

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