Why does a font connected via Google Font render differently in Firefox than in Chrome?

Question

css

I understand that Firefox has its own quirks regarding font rendering, but I would still like to make them less flashy.

Chrome:


Firefox:


This is the most common Roboto. Scaling was not applied. I experimented with css properties, without success.

The font is connected via CDN:

<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,[email protected],100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">

html, body {
    font-family:  'Roboto', sans-serif
}

Answer 1

https://stackoverflow.com/a/30878469/4543826

Answer 2

Patamu chta different render

Answer 3

on a safari "ride"