Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Weight -> Outline #2

Open
davelab6 opened this issue Apr 19, 2020 · 10 comments
Open

Weight -> Outline #2

davelab6 opened this issue Apr 19, 2020 · 10 comments

Comments

@davelab6
Copy link
Collaborator

This family could have a 'true' weight axis, so I'd like the axis currently set up as Weight to be recalibrated as 'outline.'

http://variationsguide.typenetwork.com/#otln

@dberlow where is the best place to learn about how to gauge 'per mille of em' values for an axis like this? :)

@sursly
Copy link
Member

sursly commented Apr 19, 2020

That's great! I didn't know otln was a thing. I'd be happy to make the switch from wght to that. What would the styles be here (since I'm assuming we'd ditch "bold", "black", etc.)?

@sursly
Copy link
Member

sursly commented Apr 29, 2020

Hey @davelab6 in looking at that spec, I'm curious how Google is handling it. I see:

Valid numeric range: Values must be in the range 1 to 1000
Scale interpretation: Values can be interpreted as per-mille-of-em
Recommended “normal” value: default is 0

animation-otln

In that example gif pulled from typenetwork 👆 default looks to sit in the middle of minimum outline and maximum outline (where it is completely solid). But if the "normal" value is 0, then our range of 1-1000 doesn't seem like an option. Unless I'm confusing everything (which is possible). Are any other GF typefaces using "otln" as an axis?

@dberlow
Copy link

dberlow commented Apr 29, 2020 via email

@davelab6
Copy link
Collaborator Author

Thanks DB. However, I still need to know how to gauge 'per mille of em' values for this Tourney typeface :)

(off topic but related thoughts: A ppem is useful for matching other ppem values; this is more important for opsz spacs. A percentage is okay for a more simple design space like this. A breakdown of opq in x and y would not be too useful, its better to blend those into the single axis as it is here.

@sursly
Copy link
Member

sursly commented May 7, 2020

@davelab6 what would the ideal style names be? (assuming that the current weight is regular)
In looking at this spec https://github.com/googlefonts/gf-docs/tree/master/Spec I'm not sure how to rename things. And I like @dberlow's idea of using the OTLN value as a percentage in this manner. Keeping the width first makes sense, so would something similar to this be okay?

• Tourney Condensed OTLN20
...
• Tourney Condensed OTLN100
...
• Tourney OTLN 500
...
• Tourney Expanded OTLN 700

etc.

@davelab6
Copy link
Collaborator Author

Please use the axis name instead of the 4 char tag, regular people don't know how to make sense of the tags :)

@davelab6
Copy link
Collaborator Author

For ordering the style particles, I think $family $size $weight $width $slant $italic $custom is good; this seems to roughly adhere to the English grammatical rule for order of adjectives, and perhaps $custom has to do so recursively as well.

a book called The Elements of Eloquence: How to Turn the Perfect English Phrase. Adjectives, writes the author, professional stickler Mark Forsyth, “absolutely have to be in this order: opinion-size-age-shape-colour-origin-material-purpose Noun. So you can have a lovely little old rectangular green French silver whittling knife. But if you mess with that order in the slightest you’ll sound like a maniac.”

https://qz.com/773738/how-non-english-speakers-are-taught-this-crazy-english-grammar-rule-you-know-but-youve-never-heard-of/

@davelab6
Copy link
Collaborator Author

cc @m4rc1e as we are discussnig how to handle VFs

@davelab6
Copy link
Collaborator Author

@sursly what is your proposal for the style names? A spreadsheet draft might make sense :)

@sursly
Copy link
Member

sursly commented May 21, 2020

@davelab6 It's tough, I'm not sure what the specific styles should be. Decovar (https://v-fonts.com/fonts/decovar) uses "inline" which is what Tourney is also doing, but Outline is clearly proposed in that typenetwork spec.

The only reason I rolled with "weight" was because I knew it would work well in applications, and it made sense to me from a user's perspective. I'm not arguing for keeping that, just explaining my thought process by "thin" being a thin outline (or huge inline) and "black" being solid.

The other thing I considered was optical size, since at even a relatively large font size, the current "ExtraBold" has a really subtle inline style (looks great HUGE though).

I think it depends on what axis name we decide to use. I'm flexible 🤷‍♂️

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants