Если вы используете на сайте шрифт с нестандартной высотой, то перечёркивания могут выглядеть странно:

Думаю, дело в том, что в данном случае некая техническая высота шрифта отличается от визуальной и браузер рисует линию в соответствие с первой.

Чтобы обойти эту проблему можно использовать такой трюк:

s {
  text-decoration-line: underline;
  text-underline-offset: -.5ex;
  text-decoration-skip-ink: none;
}

Теперь линия на месте:

Самое важное здесь это -.5ex. Единица измерения ex соответствует высоте символа x в текущем шрифте, как раз параметр, который нам нужен чтобы правильно расположить линию.