Implementing variable fonts in theme.json can be tricky, but all you need are these things:
- A variable font in
woff2
format (other formats are available but if you only have one, this is best) - The font weight range (ie. thinnest to thickest values)
- The font variation settings (what you'd set via
ont-variation-settings
in CSS)
Now you can define different font families using the same font file in yout theme.json!