Чтобы создать эффект обводки текста с помощью CSS, вы можете использовать свойство text-stroke. Вот несколько способов добиться такого эффекта:

1. Использование свойства text-strokeс префиксами поставщиков:

   .my-text {
   -webkit-text-stroke: 1px black; /* Safari/Chrome */
   -moz-text-stroke: 1px black; /* Firefox */
   -ms-text-stroke: 1px black; /* Internet Explorer */
   text-stroke: 1px black; /* Standard syntax */
   }

2. Использование свойства text-shadowс несколькими тенями:

   .my-text {
   text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
   }

3. Использование свойства outlineдля имитации эффекта обводки текста:

   .my-text {
   color: white;
   text-shadow: -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black, 1px 1px 0 black;
   outline: 1px solid black;
   }

4. Использование комбинации свойств background-clipи text-fill-color:

   .my-text {
   background-clip: text;
   -webkit-text-fill-color: transparent; /* Safari */
   text-fill-color: transparent;
   -webkit-text-stroke: 1px black; /* Safari/Chrome */
   text-stroke: 1px black; /* Standard syntax */
   }

Эти методы предлагают различные способы достижения эффекта обводки текста с помощью CSS. Выберите тот, который соответствует вашим требованиям и требованиям совместимости с браузером.