How to fix incorrect display of the font Roboto when connecting via Google Fonts?

When connect the font Roboto on your local site it is a little more saturated than what I see on the website Goole Fonts, although here and there are the same "fatness" and the font size.

Here on the local website:
5cfa8e87ec0c5217275449.jpeg

And Google website Fonts:
5cfa8eaf3f5a8718710946.jpeg

Although the screenshots may seem that it is not critical and unnoticed but in fact, the font on the local website(on my screen) looks too nice compared to what I show on Googl Fonts.

Here in HTML:
5cfa92412084a108330481.jpeg

AND CSS:
5cfa924a45b74977886445.jpeg

On the computer the font Roboto is not installed.
Local server XAMPP

It is possible how to solve it?
March 23rd 20 at 19:34
2 answers
March 23rd 20 at 19:36
Solution
Page fonts.google font is not completely black, but with opacity color: rgba(0,0,0,.87);
Indeed, as some have overlooked this detail, now looks the same, thanks! - kacie.Schinner93 commented on March 23rd 20 at 19:39
March 23rd 20 at 19:38
or just put the color: #444; +/-

Find more questions by tags FontsHTMLCSS