Sombra de texto en IE, alternativas

Question

Necesito la sombra de texto para Texto en línea, largo y párrafo en ie. Entiendo la mejora progresiva, pero la situación es diferente. Absolutamente necesito sombra de texto, no es un problema de diseño, sino un asunto central para la función de mi aplicación.

En cualquier caso, IE no admite la sombra de texto CSS. ¿Cuáles son algunas alternativas? Sé que algunas fuentes tienen contornos que crean un efecto similar al de las sombras de texto, pero ¿es IE admitir fuentes no unas a la web?

¿Qué pasa con el reemplazo de imágenes dinámicas? ¿Es esa una táctica viable? Probablemente no estoy pensando, considerando la longitud del texto.

¿Alguien tiene alguna sugerencia? También he considerado forzar el marco de Google Chrome, pero eso es una especie de último recurso si no hay otras estrategias viables.

Gracias.

Answer 1

Creo que deberías usar una fuente de fuentes de tipo verdadero (.ttf) y convertirla a .eot. Luego, haga referencia en su HTML a través de Java Script le gusta esto:

<style type="text/css">
@font-face {
 font-family: MyCustomFont;
 font-size:10.0pt;
 src: url("fontname_free.eot");/* EOT file for IE */
}
@font-face {
 font-family: MyCustomFont;
 font-size:10.0pt;
 src: url("fontname_free.ttf") format("truetype");/* TTF file for CSS3 browsers */
}

Luego, en su HTML real, hace referencia a la fuente en el atributo de estilo como este:

Puede convertir de .ttf a .eot aquí y encontrar más explicación sobre cómo funciona http://www.kirsle.net/wizards/ttf2eot.cgi

Answer 2

Creo que aquí, con sus requisitos principales, Flash es lo mejor posible. No estoy seguro de si SIFR admite Shadow, pero vale la pena investigarlo.

Ciertamente es una carga más barata para sus usuarios que forzar el marco de Chrome.

EDITAR:

Parece que SIFR es bastante flexible en este frente:

http://fortysevenmedia.com/blog/archives/sifr_3_hard_drop_shadows/

Aún más prometedor, a menos que esté equivocado, parece que puede ser compatible en IE:

http://msdn.microsoft.com/en-us/library/ms533086%28vs.85%29.aspx

asi que:

.className {
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#0000FF,direction=45);
}

Answer 3

Acabo de usar esto para la sombra de texto en IE:

p { zoom: 1; background-color: *Your background colour*; -ms-filter: "progid:DXImageTransform.Microsoft.Chroma(Color=*Your background colour*) progid:DXImageTransform.Microsoft.DropShadow(Color=#000, OffX=1, OffY=1)";  filter: progid:DXImageTransform.Microsoft.Chroma(Color=*Your background colour*) progid:DXImageTransform.Microsoft.DropShadow(OffX=1, OffY=1, Color=#000);
}

Mi única preocupación con esto es que si el usuario ha cambiado su representación de texto en su PC, ahora será muy bonita. El mío ha resultado bien si no audiente el texto, pero tan pronto como lo hago, se pone en bloque.

Puedo dejar la sombra de texto en IE, ¡pero cómo s **! es eso ... jajaja