Identity of font display in PSD and in the browser, CSS settings. How to do?

Question

css

Hello.
There is a PSD layout, there is text. Font: Arial Regular Regular, Size: 14pt, sharp.
How in the Browser, through the CSS settings, make absolutely identical text?
Now I decided to make it strictly according to PixelPerfect.
Probably there is a set of rules for the identical transfer of text from PSD to the Browser, using the customization method in CSS?

Answer 1

No way. Forget about it. You don't have to want it.

Answer 2

You can try to play with the text-rendering property (a lot has been written about it, say - https://css-tricks.com/almanac/properties/t/text-r... ), with the -webkit-font-smoothing property ( well, it’s clear in which browser), only with it you need to believe that the user has the “correct” browser.
The second trick with the ears is to make the text have an almost absent shadow through text-shadow (say, text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.004) - see the size of the shadow?), in some cases this helps.
So write something like
text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
text-rendering: optimizeLegibility !important;
-webkit-font-smoothing: antialiased !important;
and pray :)
In general, the web is not pixel-prefect, but first of all content. All prettiness, where necessary, can be replaced with graphics with beautifully written titles, through tricks like this: https://css-tricks.com/the-image-replacement-museum/ , but please remember that people with mobile devices would rather receive content that is slightly less beautiful, but more displayable on their devices.

Answer 3

No way. Not at all.
There are some semi-crutch properties that change something there a little (see the next comment), but there will never be a completely complete correspondence.
Text rendering also differs between browsers and axes.

Answer 4

No way. Sob.
And in general, in FS anti-aliasing is Chukhonian.
We have a clause in the contract about this, because we are FUCKED