The difference between the web version of the font and photoshop, "dirt" on the text in photoshop, how to deal with it?

Question

Fonts

I draw website designs in photoshop and it is very important for me to show the layout as close to reality as possible (to the web version). Poryskav on the Internet, I realized that it is useless to fight with the difference between the versions of fonts in Photoshop and the browser. So let's go straight to the second part of the question. Please tell me if there are any tricks to avoid dirt on the font, at least to the very minimum, I just notice that the designers on behance, dribble, the layouts turn out to be quite clean, and here professionalism in the presentation rather plays a role (I think my level is not very far from theirs). In general, do not scold much, I formulated it as best I could, everything seems to be clear.

Answer 1

Due to the nature of the engine, Photoshop does not support subpixel rendering of fonts. Fighting this, as you noticed, is useless.
As an alternative, I would suggest trying Sketch if you have a Mac. It displays all fonts exactly as they look in the browser.