Set FontFace weight ranges based on Typr info

[davepagurek]

Resolves #7725

Previously, animating variable fonts in Firefox would be jerky or would not happen at all for some fonts. It turns out this is because, while the font supports variables, the FontFace we were creating out of the Typr-parsed data did not include a range of values for the weight (it was just normal).

To fix this, we can grab the range of values per axis from Typr and pass them in to the new FontFace as descriptors.

Live: https://editor.p5js.org/davepagurek/sketches/dXMFTL1Fs

PR Checklist

• npm run lint passes
• Inline reference is included / updated
• Unit tests are included / updated

[dhowe]

@davepagurek is this what was causing the firefox issue you mentioned earlier? and if so, how was chromium getting this data?

[davepagurek]

I think Chrome was just ignoring the descriptor and using the data from the font itself. The behaviour between them is also a little different from each other when you request a value outside of the specified range: Chrome clamps, and Firefox kinda jitters