Как подчёркивать underline буквы, которые ниже строки?

Question

[MaksSmag]

Вот смотрите, проблема такая.

.titlebig {
        text-decoration: underline;
	font-size: 72px;
	display: block;
	width: 100%;
	color: #4563D0;
	font-family: "Roboto-Light";
	text-align: center;
}

Например тут буковки 'у', 'р' и часть 'щ' не подчёркнуты, как это исправить?

Comments

[Ярослав Иванов]

Border'ом

[Антон Литвиненко]

Или псевдоэлементом

[Lynn «Кофеман»]

А раньше наоборот был вопрос, как сделать «дырки» в подчёркивании =)

[MaksSmag]

Ярослав Иванов, Антон Литвиненко, зачем такое??
Lynn «Кофеман», не знаю, но согласись, без дыр в моём случае (шрифт 72 размера) было бы лучше.

[Ярослав Иванов]

MaksSmag, вам ответ нужен или пофилосовстсвовать?

[Ярослав Иванов]

Затем чтобы регулировать отступ линии от слова.

[MaksSmag]

Ярослав Иванов, извините, фигнёй не страдаю. Написали способ гораздо лучше, ниже.

Answer 1

[Softlink]

Так?

Comments

[MaksSmag]

Спасибо! Оказывается решение в разы проще, в интернете способы есть с background + gradient, с границами, и прочими извращениями.

Answer 2

[Володимир Паламар]

Используйте

text-decoration-skip-ink: none;
text-decoration: underline;