fontbureau / variable-type-tools Goto Github PK

Would be cool to be able to show grids for different X and Y axes than width and weight, via a dropdown or something (or am I just missing this?)

This might be just too much, but I would find value in being able to quickly see the default values and extreme values for all axes all at once (labeled on the sliders?), to quickly get a sense of the designspace and its extent.

This message arrives:

just this font,
just in this proofing format
just in Safari;).

Current sidebar behavior
default mobile 'show'

Load new or update existing fonts

Currently the fonts are updated from git once a day, but that's not enough if a type designer is using the tool to test their fonts and wants to make a bunch of updates in a short time. Add a button or something to update all the fonts.

Allow for Leading to be controlled
to allow for tighter grids

Would it be cool to be able to preview these together?

https://typetools.typenetwork.com/

Axis order please. We need, from now on, to show Amstelvar’s axes in such a way as to firm;ly establish a framework all the way to UI.

So, I”d like the display of the axes of Amstelvars as follows:

1. Default order
   opsz
   wght
   wdth
   GRAD

2. View all Axis order
   opsz
   wght
   PWGT, So they can be seen together
   wdth
   PWDT, ditto
   GRAD
   XOPQ
   XTRA
   YOPQ
   YTUC
   YTLC
   YTAS
   YTDE
   YTSE
   YTRA
   YTCH
   XTCH

Hope tha’t easy?

What the All Axis UI order is trying to show,

opsz, size is the first parameter of consideration
wght, usually weigh and width are next, but...
PWGT, keeping the OS/2 value and the parametric weight together is visually valuable
wdth, the width,
PWDT, and keeping its parmetric right there is still valuable.
XOPQ, then the major x parametrics
XTRA, …
YOPQ, then the Latin y transparency “bundle”
YTUC, uppercase,
YTLC, yadeda,
YTAS
YTDE, to it’s descenders,
YTSE, the serifs in y.
YTRA, the overall y, end Latin y transparency bundle.
YTCH, the Chinese transparency bundle.
XTCH, end Chinese transparency bundle.

Otherwise it’s harder to talk about and harder to use.

Let me know, thanks.

Change font to Momentum

DJR made a new repository to list all his varfonts in one place for using in demos. So we have a few new fonts in the type tools list.

This seems like a good time to revisit the list of available fonts, and which ones should be hidden. I recall that Segoe and the non-Delta Robotos should be hidden? @dberlow @davelab6 @sberlow

@asaumierdemers requests flipping the way we handle "ghost sliders", that is the combination of parametric axis values that are combined into the composite wght/wdth/opsz values.

Current behavior when the user adjusts a composite slider is to automatically adjust all the related parametric sliders, and only use the parametric values in the real CSS (with composite values left at defaults).

New behavior should be: when user adjusts the composite slider, use that axis and value in the CSS, and adjust the related parametric sliders to their own values, but leave them at defaults in the CSS.

Furthermore, if the user then adjusts the parametric axes to non-standard values, this should reset the composites back to their default values and then use the adjusted parametric values instead.

Clear as mud!

#30 Default

five lines
Default Column width 50
equal line space between each line

Line 1 wght (max) - wdth (max) - size to fit
Line 2 wght (min) - wdth (max) - size to fit
Line 3 wdth (mid) - wdth (mid) - size to fit
Line 4 wght (min) - wdth (min) - size to fit
Line 5 wdth (max) - wdth (max) - size to fit

New line or new text
curser center type fills space from middle out
wght (max) wdth (max) size to fit
set max size for first letter 400, fit at 3rd letter
Slide wght - Size to fit
Slide wdth - Size to fit

Slide 1

Slide 2

Slide 3

Slide 4

Line space equals word space

Order of Change

• user changes wght - adjust wdth before size
• user changes wdth - adjust wght before size
• User changes size - adjust wdth before wght
• Once wght or wdth are max or min - adjust size to fit

as user types

wght (max) wdth (max) size (max)

wght (mid) wdth (mid) adjust size (max)

a. We need to figure out how to read this info from the font
b. I would think this would always be on,
Do we need a toggle for this?

@dberlow
Would like to add these two fonts to the tool?

https://github.com/TypeNetwork/NobelVar/tree/master/fonts
https://github.com/TypeNetwork/fb-AgencyVar/tree/master/fonts

And shall I put out an invitation to other is in TN?

Combine xopq and xtra

I am using:
https://typetools.typenetwork.com/Layout/Glyphs
..to do a lot of instance and glyph testing where I can see an entire instance's glyph image.

I would like for "Leading" and "Column Width" to function in this Layout, which they do not at this time, as far as I can tell.

Leading should do what it always does, controlling the vertical line spacing.
Column Width should control the gutter width between the rows of glyphs, wrapping according to window width to form the column, which is not actually being controlled directly.

Let me know, thanks.

As a user i want each size of the waterfall to have its opsz assigned

Would be nice to duplicate the <article> but not apply any variation-settings to it, so that you can see what VF is bringing :)

Match the pop format on TN site.
for Family and Style

When I load the page in Chrome, I see a strange design space location,

When I click the red reset button, I see what I expect,

I wonder about integrating a rich text editor library like https://quilljs.com or https://www.tinymce.com; perhaps even with no UI chrome, but so Cmd+B and Cmd+I work as expected....

@dberlow
We have made all TN partners aware of the site, and received some feedback.

Are there any additions to this tool you would like to make before opening to the public?
Shall we include additional TN partner Variable fonts?

Is it posible to select each character?

Small bug in the default text for waterfall view. Instead of the straight form of the cap “I” we are seeing the rare curved form instead (otherwise known as a “U”)

When registered axes are adjusted, these three axes are not responding and should

Let me know, thanks.

https://github.com/TypeNetwork/NobelVar/tree/master/fonts
https://github.com/TypeNetwork/fb-AgencyVar/tree/master/fonts

Column Width should control the gutter width between the rows of glyphs, wrapping according to window width to form the column, which is not actually being controlled directly.

Would be nice to have a "review mode" where all the chrome goes away, perhaps like a strong space login where it's on a hotkey like esc

Is this toggle needed?

Instead of a file open dialog, I suggest the 'add your own' be a http://fontdragr.com style drop zone (also used on impallari.com/testing)

Just a thought tho :)

H1, H2 H3, T1 for example, the x opaque is blank, when the use moves the slider, it jumps to 254
T2, 4 axes are blank, if you select any of them you get a huge jump

@dberlow reports that
a type spec. doesn't "stick" to a tag I.E., you change a parameter, go to another tag, go back to the first tagged text and is jumps back to the default.

I cannot replicate this in FF, Safari or Chrome, Desktop.
will try ios and windows

Is possible to have the parameters recorded in the url, so they can be referred back to

This is weird :)

Is it possible to move the alignment and column width, above the specimen

A-Z, a-z and 123...90

As a user I want to be able to install a Variable font into the 'Instance generator'.

See all axes
Make adjustments to the one or more axes
save the parameters into a single ttf file

How to name the file?
Auto
Manual

And see change in these #‘s as the column width changes, but them override if desired?

In some fonts such as Dunbar and Escrowvar, the "verbose font variation settings" changes the view for me in Safari (which I don’t think it should at this point, right?). Also it does not seem to affect the CSS if that is also shown.