Задача
Чтобы правильно выровнять картинку в сниппете по вертикали, необходимо задать чёткий margin-top. Дело осложняется тем двумя моментами:
- У разных семейств шрифтов разное соотношение пустого пространства сверху и снизу строчных
- При включении динамической типографики необходимо задавать определенный отступ для каждого размера шрифта и лайнхейта. Иными словами, для 14px/19px и 15px/20px необходим свой margin-top.
Отсюда делается вывод, что либо мы идем на компромисс, либо как-то должны автоматически понимать какой отступ сверху. У меня в голове болтаются переменные 'ex' и расчет свободного пространства от строчных до верхней границы лайн-хейта.