Hi,
I’m exporting both static and variable fonts from the same Glyphs 3 source file. The static fonts render correctly in browsers, but the variable font consistently sits higher inside the line box, making the text appear vertically off-center. This happens at all weights (Hairline through Black). The exported hhea and OS/2 metrics are identical between the static and variable fonts, and the issue is reproducible with both TTF and WOFF/WOFF2 exports.
Do you have “Use Typo Metrics” set? Did you manually set the vertical metrics (hhea, typo, win) for all masters?
Which app is that screenshot from?
“Use Typo Metrics” is set and vertical metrics are set manually.
It’s not an app, just html and css.
It seems that this issue only occurs with web font.
You must be using something to render the HTML/CSS. What app (browser) is your screenshot from? Did you test this in multiple browsers?
The screenshot is from chrome but yes I tested with other browsers.
Would you mind sending me your exported font binaries? Then I can have a look.
