Как создать толстый поглашенный текст с тенью без набросков перекрывающихся проблем? ⇐ CSS

[Anonymous]

Текущая проблема:
Я применил следующий CSS для достижения изложенного текстового эффекта: < /p>
.outlined-text {
-webkit-text-stroke: 3px var(--color-neon) !important;
color: transparent !important;
position: relative !important;
z-index: 10 !important;
isolation: isolate !important;
will-change: transform;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
transform: translateZ(0);
backface-visibility: hidden;
}
< /code>
Проблемы, с которыми я сталкиваюсь:
ограничение толщины наброска: при увеличении ширины -webkit-text-toce-toce контур не становится толще после определенной точки. < / p>
Проблема перекрытия наброска: поскольку я использую шрифт "Clash Display (переменная)", контур текста начинает перекрываться или искажать. : -Webkit-Text-Groke хорошо работает в некоторых браузерах, но не полностью надежна во всех современных браузерах. Четкость инсульта. Текст должен иметь тонкую тень или сияние, как на прикрепленном изображении.
120+



Подробнее здесь: https://stackoverflow.com/questions/794 ... ping-issue