Why are fonts displayed differently in the browser than on the layout?

Question

HTML

In the browser, fonts are displayed differently than on the layout.

On the layout, this font looks like this:


And in the browser like this:


The font was taken from Google Fonts.

Connected like this:

@import url('https://fonts.googleapis.com/css2?family=Raleway:[email protected]&display=swap');

If you connect via link, nothing changes.

This is not the first time I've noticed this.

Please tell me if you know how to fix it.

Answer 1

Enabling ClearType helped.