Переместите подчеркивание под нижние элементы ⇐ CSS

[Anonymous]

При установке text-decoration:underline для элемента линия отображается на базовой линии.


Это над спусковым узлом букв. Чтение затрудняется, если строка содержит много букв с нижними концами.


Я хочу переместить подчеркивание под нижние элементы с помощью text-underline-offset: 4px;.


Это работает.В Chrome все именно так, как я хочу. Однако в Safari оно не находится ниже нижних элементов управления.


Если я использую text-underline-offset: 5px;, это работает в Safari. Но в Chrome он близок к верхним элементам второй строки, а не к нижним элементам той же строки. Я могу решить эту проблему, используя более высокое значение line-height, но я этого не хочу.
Есть ли какой-нибудь способ рассчитать высоту нижних элементов, чтобы я сместил их подчеркивание настолько сильно ниже базовой линии?
Информация:
Шрифт, который я использую, называется Basis Grotesque Pro Regular
Ссылки

• Восходящий
• Нисходящий элемент
• text-underline-offset

Подробнее здесь: https://stackoverflow.com/questions/721 ... descenders