css3 - sombreado - text shadow css

CSS: ¿es posible agregar un contorno negro alrededor de cada carácter en el texto?

Question

Me gustaría agregar un contorno negro alrededor de cada carácter, por lo que si la identificación de fuente en el mismo color de fondo que el primer plano todavía es legible.

¿Se puede hacer esto en CSS con o sin CSS específico del navegador?

Answer 1

Antes de comenzar, quiero aclarar que la respuesta de Yi Jiang es la correcta para su pregunta tal como es, de todos modos quería agregar un poco.

Si necesita una forma compatible de hacer esto, la única forma que se me ocurre es usar una fuente con contorno por diseño .

Incluso podría usar la API de fuentes de Google y tener una solución muy compatible.

¡Buena suerte!

Answer 2

Hay una forma explícita de -webkit para agregar contorno de texto, que es con -text-stroke . Esta es la implementación experimental de la propuesta de seguimiento de estándares equivalentes (denominada esquema de texto en los documentos de especificaciones de CSS3).

Answer 3

Puede simularlo con la propiedad CSS 2.1 text-shadow :

p {
    color: #fff;
    text-shadow: 1px 0 0 #000, 0 -1px 0 #000, 0 1px 0 #000, -1px 0 0 #000;
}

Esto es, por supuesto, no soportado en IE9 y abajo. Vea: http://www.jsfiddle.net/yijiang/UCjgg/ para una demostración simple.