Постигая такое что не хочется жить
Вот мы видим текст на цветном фоне, вроде бы все в порядке с контрастностью и толщиной текста, но все же цветной фон как-то мешает подробнее об этом
Поправим мигом 👌
Ни в коем случае не используйте белую рамку вокруг текста для борьбы с этим, единственное и естественное желание, возникающее после увиденного выше - переключить на черно-белый режим и убивать
Речь идет о об css правиле -webkit-text-stroke
-webkit-text-stroke: 1px #fff;
Никогда, НИКОГДА не применяйте это свойство в подобных целях,
или ux/ui кара постигнет вас
Как же быть
Можно попробовать сделать белую тень тексту
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.85);
До
После
Либо взять в полупрозрачный бокс светлого цвета, чтоб наверняка
background-color: rgba(255, 255, 255, 0.7);
border-radius: 5px;
padding: 16px 32px;