[p5.js 2.0 Beta Bug Report]: Some variable fonts not animating weight correctly in Firefox

[davepagurek]

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• WebGL
• Build process
• Unit testing
• Internationalization
• Friendly errors
• Other (specify if possible)

p5.js version

2.0.0-beta.7

Web browser and version

Firefox 136.0.4

Operating system

MacOS 15.2

Steps to reproduce this

Steps:

1. Load https://vecpea.com/rsrc/fonts/fs/InterV.otf as a font
2. Animate its weight

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

For me, this animates correctly in Chrome but is jerky on Firefox:

Screen.Recording.2025-04-10.at.8.12.37.PM.mov

Both canvas.style.fontVariationSettings and drawingContext.font seem to be setting correctly though.

[davepagurek]

@dhowe any idea what might be going wrong here? I thought it might have to do with the number of decimals in the weight, but rounding didn't make a difference.