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

Topic/StylesExample 1 3rd Time Around #75

Closed dberlow closed 5 years ago

dberlow commented 5 years ago

Please let me know when you can look at this and finish it. Topics:Styles:Example1.pdf

Thanks.

ghost commented 5 years ago

Fixed ramp and missing/too-bold bolds

ghost commented 5 years ago

I've adjusted the max font sizes to be a little closer to your description. If you like, I could use a general fit-to-width script to exactly fit the three heads to the width of the column (perhaps up to a maximum size that is less than the visual white space, which comes down from the general TN site stylesheet).

This is extra chunky looking in Safari because it only does integer font sizes, so it might take some extra letterspacing or something if you really want things to line up.

dberlow commented 5 years ago

Things don’t need to line up the text just can’t spill out. Thinks.

On Mar 18, 2019, at 7:32 PM, Chris Lewis notifications@github.com wrote:

I've adjusted the max font sizes to be a little closer to your description. If you like, I could use a general fit-to-width script to exactly fit the three heads to the width of the column (perhaps up to a maximum size that is less than the visual white space, which comes down from the general TN site stylesheet).

This is extra chunky looking in Safari because it only does integer font sizes, so it might take some extra letterspacing or something if you really want things to line up.

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

dberlow commented 5 years ago

The bottom ramp is STILL ending in wght 200

‘Old: Chang(ing) to other style(s) in the font: 200, 220, 240, text 200, text bold 600”

Is wrong for the bottom.

‘Chang(ing) to other style(s) in the font: 200, 220, 240, text 260, text bold 500’

Is correct ! Can’t you see the incorrect numbers and visual of how light the text is at 200 at that size?

And do you have any idea what the parentheses her about in those sentences?

On Mar 18, 2019, at 7:00 PM, Chris Lewis notifications@github.com wrote:

Fixed ramp and missing/too-bold bolds

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

ghost commented 5 years ago

Okay! I've come up with an iframe-based solution that works pretty well. The playground comes up with a resizable box that more-or-less reproduces the window-width logic of the more complicated demos.

dberlow commented 5 years ago

Great! this looks good.

Example text still 200? not 260?

shows that the "Text 200" in the picture is still too light and needs to be set to the original requested values of 260?

Also, the example for experimentation is to recognizing input changes to the font weight in the code?

thanks.

ghost commented 5 years ago

Whoops, the caption still said 200 but the text actually is at 260 (going up to 340 at smaller sizes). I've fixed the caption. I agree that the paragraph does look lighter than the H3 above it, even though I've double-checked that the weights are 200, 220, 240, 260.

dberlow commented 5 years ago

I've been trying to tinker and see how high it needs to go. So 280, 310, whatever, your call, but heavier.

thanks.

On Fri, Mar 22, 2019 at 4:18 PM Chris Lewis notifications@github.com wrote:

Whoops, the caption still said 200 but the text actually is at 260 (going up to 340 at smaller sizes). I've fixed the caption. I agree that the paragraph does look lighter than the H3 above it, even though I've double-checked that the weights are 200, 220, 240, 260.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/TypeNetwork/variable-fonts-info-site/issues/75#issuecomment-475767020, or mute the thread https://github.com/notifications/unsubscribe-auth/AB3ajn0Aq_uQa8-yo-hXUxX-CXQ8BZRgks5vZTqOgaJpZM4b62iW .

ghost commented 5 years ago

I've upped it to 300 (scaling to 360)

On Fri, Mar 22, 2019 at 1:20 PM David Berlow notifications@github.com wrote:

I've been trying to tinker and see how high it needs to go. So 280, 310, whatever, your call, but heavier.

thanks.

On Fri, Mar 22, 2019 at 4:18 PM Chris Lewis notifications@github.com wrote:

Whoops, the caption still said 200 but the text actually is at 260 (going up to 340 at smaller sizes). I've fixed the caption. I agree that the paragraph does look lighter than the H3 above it, even though I've double-checked that the weights are 200, 220, 240, 260.

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub < https://github.com/TypeNetwork/variable-fonts-info-site/issues/75#issuecomment-475767020 , or mute the thread < https://github.com/notifications/unsubscribe-auth/AB3ajn0Aq_uQa8-yo-hXUxX-CXQ8BZRgks5vZTqOgaJpZM4b62iW

.

— You are receiving this because you were assigned. Reply to this email directly, view it on GitHub https://github.com/TypeNetwork/variable-fonts-info-site/issues/75#issuecomment-475767905, or mute the thread https://github.com/notifications/unsubscribe-auth/AAj1Ab_k2VNFYxIO_AHjdOU23ob7DS46ks5vZTsbgaJpZM4b62iW .

ghost commented 5 years ago

I believe this round is complete.