Quicksand font: letters cropped in <select>

[TomOne]

The text of <select> elements with font-family: "Quicksand" is cropped and only partially visible even with no additional CSS is applied.

It looks like this:

Live example: https://codepen.io/zoyara/pen/GVjdNq (tested in Chrome v75)

Interestingly this only happens when at least two font-weights are loaded from Google Fonts, e.g.
<link href="https://fonts.googleapis.com/css?family=Quicksand:400,700&display=swap" rel="stylesheet">

With only one font-weight, the text in the <select> element renders normally:
<link href="https://fonts.googleapis.com/css?family=Quicksand&display=swap" rel="stylesheet">

Example with one font-weight: https://codepen.io/zoyara/pen/aemGvX. This example is identical to to previous one except it only loads https://fonts.googleapis.com/css?family=Quicksand:400&display=swap

[m4rc1e]

Thanks for reporting this. Can confirm the issue for Win Chrome only.

This issue is being caused by the MVAR table. If I strip out the table, the results are fine.

I reported this issue to Microsoft last year.

For our other variable fonts, Comfortaa and Oswald, I stripped the MVARs out before releasing them.

@nyshadhr9 Shall I quickly push an update where I simply strip out this table? For this family, the MVAR is simply changing the strikeout offset by 12 units which is rather negligible.

@felipesanches In Fontbakery can we add the "MVAR" table to our check com_google_fonts_check_unwanted_tables?

[m4rc1e]

@TomOne thank you once again. The issue should now be solved.

[TomOne]

Great, thank you