What styles should be given to the font?

Question

css

Hello.
The problem with displaying a third-party font circe, namely, "with quality", blurry / ripples, you won't understand how)) - the size is set to 13px, if it's from 16 or more, then it already looks great.
A small observation in Photoshop:
The CSS of someone else's site is set to #020202, but when zoomed in to 1600% and clicked with the eyedropper, several colors are visible, blue and others. No properties are set for this font, no shadows.

On mine, only one color, so to speak. There are no properties either. Played with smoothing

{ -webkit-font-smoothing: subpixel-antialiased !important;
  -webkit-backface-visibility: hidden !important;
  -moz-backface-visibility:    hidden !important;
  -ms-backface-visibility:     hidden !important;}

everything I didn’t do, it still somehow works in chrome, but in Edge it just hurts my eyes, in general, it didn’t bring the desired result, the font is rippled somewhere somewhere muddy, there is no clarity in it.
Explain pliz how to achieve normal display.

Answer 1

In a graph editor, it's almost useless to evaluate font rendering. It's easier to test and choose the optimal size in a simple html right in the browser.