Incorrect Default Style in MonaSans[ital,wdth,wght].woff2 – Displayed as Italic Despite font-style: normal

[edding-3000]

Description:

When using the variable font “MonaSans[ital,wdth,wght].woff2” on a website and embedding it via CSS, the text is incorrectly displayed in italic, even though font-style: normal is explicitly set and no font-variation-settings are applied. The PostScript name is also reported as “MonaSans-ExtraLightItalic”.

Steps to Reproduce:

1. Embed MonaSans[ital,wdth,wght].woff2 via CSS:

@font-face {
font-family: 'Mona Sans Variable';
src: url('/fonts/MonaSans[ital,wdth,wght].woff2') format('woff2');
font-style: normal;
font-weight: 200 900;
}

2. Apply the font to an element with font-style: normal;
3. Observe that the text is still rendered in italic.

Environment:

Browser: Chrome Version 137.0.7151.56, Safari Version 18.5
OS: macOS Sequoia 15.5
Font file version: 2.000

[dnhn]

I ran into the same issue when applying the font to my personal site, so I ended up using the file from the previous version.

[raymondkingston]

I'm glad to see this issue. I thought I was doing something wrong just by simply RTFM