Why is the string length different with and without accents in Chrome?

Question

HTML

Even the question can be formulated as follows: how to win at the lowest cost?
Here's an example: jsfiddle.net/kityan/06k713h7
In fox the sizes are the same, but in chrome the accent line is shorter. It can be seen that in chrome the characters are kerned differently.
In the fidle, the example is simplified, but in the layout we encountered the fact that such behavior of chrome sometimes leads to incorrect word wrapping and breaks the layout for us. Right now I can't isolate and reproduce the broken layout example. But the very fact of different line lengths is surprising.
However, font-kerning: none helps.
But why the hell does stress affect kerning?

Answer 1

As far as I know, in a typeface (a set of font characters), the accent symbol is a separate character with its own size along the baseline, each font has its own. The accent is negative (judging by the fact that the character is placed after the character over which the accent is needed), the FF developers fixed this bug, but Chrome did not bother to do this. Offhand, I can only offer a js script that will wrap the character before the accent in a tag whose pseudo-class has an accent character and css with position: absolute; Well and accordingly to delete the symbol.