Broken / Misaligned accents on some texts

Question

I have found out, that some of the fonts on my website does not render properly on some browsers. Accents are misaligned, slightly off it's normal position.

It looks like it works nicely in Chrome / Opera and is broken in Edge / Firefox.

Here is the image:

Website is running on Drupal 7 and fonts are from fonts.google.com with @include in CSS. I have no clue how to solve such a problem and tried to google but no-one seem to be having the same problems.

Also I found out that when I manually re-write the texts in inspector it magically works again.

Answer 1

So after hours of wondering what is going wrong I accidentally found out a solution. Our designer gave us design in Figma (online tool for making website design) and texts copied from this program were just wrong. So they looked the same but actually it was in different encoding or I do not know. Solution was to re-write all the texts by hand. Never seen such an issue.

Answer 2

If you're typing them literally...

Pomôžeme

Then you need to use the correct character set

<meta charset="UTF-8">

You could also try using HTML entities instead to get consistent letters:

Pomôžeme