Why does font error occur in vivaldi and edge browsers?

Question

css

error displaying Cyrillic and Latin (characters) in edge and vivaldi (chrome, firefox everything is fine, letters c are just as thin), screenshot:

but on the page of this font: https://fonts.google.com/specimen/Yanone+ Kaffeesatz
in all browsers is fine

Answer 1

in general, I connected the font via @font-face css , everything worked