Font as a CSS var, not loading other weights

[drewbaker]

I have these fonts in my public/font directory:

I set my font as a CSS var:

I use that var, but with a bold weight:

The bold font is never loaded:

Regular font weights and italic style work, but can't get the other weights to load.

[danielroe]

By default Nuxt Fonts will only load font-weight 400: https://fonts.nuxt.com/get-started/configuration#defaults.

You can set this on a per-font basis to load more weights.

I would like to add auto-detection where a user has explicitly set font-weight: alongside font-family: (#209) but otherwise we don't know how many weights to load and I am reluctant to load all possible weights in CSS.