Как создать толстый поглашенный текст с тенью без набросков перекрывающихся проблем? ⇐ 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>
Проблемы, с которыми я сталкиваюсь: < /p>

Ограничение толщины наброска: при увеличении ширины -вет-текстового удара, Схема не становится толще после определенной точки. /li>
Cross-Browser Copatibility: -webkit-Text-Troke хорошо работает в некоторых браузерах, но не полностью надежна во всех современных браузерах. < /li>
Теневой эффект: Мне также нужен мягкий сияние/тень вокруг текста, не влияя на ясность хода.
Текст должен иметь более толстый, чистый контур без артефактов. Текст должен иметь тонкую тень или сияние, как на прикрепленном изображении. "Lang-Html PrettyPrint-Override">
120+



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