Текст отображается по -разному (смещается/масштабируется горизонтально и вертикально) на сафари против хрома ⇐ CSS

[Anonymous]

Взгляните на этот Codepen: https://codepen.io/ardeshir81/pen/eavyxjp
Это визуализирует текст и рисует 4 красных строк, которые идеально подходят для него на моем хроме:


Now look at the exact same code on Safari:


Я попробовал Chrome/Linux и Chrome/Mac, красные линии идеально подходят. Затем я попробовал Safari/Mac, и это было выключено. Большинство шрифтов/весов, которые я пробовал, выглядел Pixel Perfect в обоих браузерах. Линия-высота также исключает по той же причине.

Подробнее здесь: https://stackoverflow.com/questions/796 ... lly-on-saf