Почему в Chrome длина строки с ударениями и без различна?

Question

[Павел Китьян]

Даже вопрос можно сформулировать так: как это победить с наименьшими затратами?
Вот пример: jsfiddle.net/kityan/06k713h7
В фоксе размеры одинаковы, а в хроме строка с ударениями покороче. Видно, что в хроме кернятся символы иначе.

В фидле пример упрощенный, однако мы в вёрстке столкнулись с тем, что такое поведение хрома иногда приводит к некорректному переносу слов и рвёт нам вёрстку. Я сейчас не могу изолировать и воспроизвести пример со сбойной вёрсткой. Но сам факт разной длины строк - удивляет.

Однако, font-kerning: none - помогает.
Но какого же фига ударение влияет на кернинг?

Answer 1

[astaBoris]

Насколько я знаю, в гарнитуре шрифта (наборе символов шрифта) символ ударения это отдельный символ с собственным размером по базовой линии у каждого шрифта он свой. У ударения он отрицательный (судя по тому что символ ставится после символа над которым нужно ударение), разработчики FF исправили этот баг, а вот Chrome не удосужились этого сделать. На вскидку могу предложить только js-скрипт, который будет обворачивать символ перед ударением в тег у которого псевдокласс имеет символ ударения и css с position: absolute; Ну и соответственно удалять символ.