Me gustaría agregar un contorno negro alrededor de cada carácter, por lo que si la identificación de la fuente en el mismo fondo de color que el primer plano sigue siendo legible.CSS: ¿es posible agregar un contorno negro alrededor de cada carácter en el texto?
¿Se puede hacer esto en CSS con o sin CSS específico del navegador?
se puede simular con el CSS 2.1 text-shadow propiedad:
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 se admite en IE9 y por debajo. Ver: http://www.jsfiddle.net/yijiang/UCjgg/ para una demostración simple.
text-shadow no es compatible con IE9 tampoco. –
Para los curiosos sobre la sintaxis de [respuesta de Yi Jiang] (http://stackoverflow.com/questions/4772906/css-is-it-possible-to-add-a-black-outline-around-each-character- in-text/4772914 # 4772914), es: text-shadow: h-shadow v-shadow blur-radius color | none | initial | inherit; Consulte: [W3schools CSS3 text-shadow] (http://www.w3schools.com/cssref/css3_pr_text-shadow.asp) para obtener más información. –
Antes de comenzar quiero aclarar que Yi Jiang's answer es el correcto para su pregunta, de todos modos, quería agregar un poco.
Si usted necesita manera compatible de hacer esto, la única manera que puedo pensar está utilizando a font with outline by design.
Incluso podría usar el Google's Font API y tener una solución muy compatible.
¡Buena suerte!
Hay una forma explícita de crear un contorno de texto en el sitio web, que es con -text-stroke. Esta es la implementación experimental de la propuesta de seguimiento de estándares equivalentes (llamada texto-esquema en los documentos de especificaciones de CSS3).
posible copia de [Efecto de esquema a texto] (http://stackoverflow.com/questions/4919076/outline-effect-to-text) – GSerg