Текстовый штрих (-webkit-text-stroke) Проблема css ⇐ CSS

[Anonymous]

Я работаю над личным проектом с NextJs и TailwindCSS.
После завершения проекта я использовал частный навигатор, чтобы видеть свой прогресс, но кажется, что обводка не работает должным образом, я сталкиваюсь с этим во всех браузерах, кроме Chrome.
Вот что я получаю:


Вот желаемое поведение:


Код:

Код: Выделить всё

Values & Process

Css:

Код: Выделить всё

.outline-title {
color: rgba(0, 0, 0, 0);
-webkit-text-stroke: 2px black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}

Может кто-нибудь объяснить или помочь исправить это.
Совместимость браузера:



Подробнее здесь: https://stackoverflow.com/questions/692 ... ss-problem