Контекст:
Идея состоит в том, чтобы добавить графическую аннотацию рядом (или выше) с конкретными строками текста в текстовой области html. Это делается путем наложения «автоматически сгенерированного» элемента div над текстовой областью.
Однако, хотя выравнивание идеально подходит для большинства браузеров, используемый пользовательский шрифт не переводится в safari. И, следовательно, оно становится смещенным после того, как на него вернулись.
Итак, вопрос:
Какой шрифт используется в текстовой области мобильного сафари (для вычисления расстояния слева) и как определить его положение в любой точке текста в строке? (даже если это не четный шрифт).