Text moves between chrome, firefox and safari?

The positioning of text changes between safari, chrome and firefox. Safari has the best result, as it’s identical to what I design. Chrome and firefox seem to be off, usually a little bit to the top left. Is there a way to fix this? On large pieces of text, designs can be clearly ruined -



Is there any way to fix this? It seems to happen everywhere

Another question - when I select ‘Protect from external styles’, it effects other hype documents on the same page.

Maybe this helps with the font appearance: HTML export increasing letter spacing