Um efeito interessante para se fazer com css é o do contorno do texto. A propriedade text-stroke traz essa possibilidade estabelecendo a largura e a cor do contorno. Porém, essa propriedade não é amplamente suportada pelos navegadores. Para usar juntamente, existe a propriedade text-fill-color. Ela sobrescreve a propriedade color, então caso essas propriedades sejam suportadas, vão aparecer contornadas. Em caso negativo, color será usada.
Criei uma classe “contorno” e acrescentei-a num span que englobava cada uma das palavras que deveriam ser contornadas. Segue o código abaixo:
.contorno {
color: #c10b12;
-webkit-text-stroke: 2px #fff;
-webkit-text-fill-color: transparent;
}
