¿Todavía necesitamos usar etiquetas en correos electrónicos HTML?


Estoy tomando el relevo de alguien que construye nuestros correos electrónicos HTML y las plantillas están llenas de etiquetas de fuente. Es esto realmente necesario? Sé que el soporte CSS no es excelente en los correos electrónicos, pero si establezco un estilo en línea para el texto en el contenedor <td> como este...

<td style="font-family:Arial, Helvetica;color:#555555;font-size:12px">

...entonces seguramente esto funcionará en la mayoría de los clientes de correo electrónico. A partir de las pruebas que he realizado este parece ser el caso, y este artículo parece confirmar esto.

Cualquier persona tiene alguna entrada en cuanto a si <font> las etiquetas son realmente necesarias en los correos electrónicos HTML?

Author: Paul D. Waite, 2011-11-04

2 answers

Su suposición es correcta. Son innecesarios. Además, técnicamente la etiqueta <font> fue obsoleta a partir de HTML 4, por lo que también podría eliminarla solo por ese motivo.

Si necesita estilos css en línea en un texto específico, sería mejor usar una etiqueta <span> de estilo en línea que una etiqueta <font>.

Campaign Monitor tiene un recurso excelente y actualizado sobre el soporte CSS actual de en correos electrónicos.

 14
Author: Doozer Blake,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2015-11-09 18:50:18

Tristemente la respuesta aceptada no es cierta, e incluso cosas horribles como el post de @MrMisterMan siguen siendo de rigeur .

Aunque esté en desuso, la etiqueta de fuente sigue siendo la única cosa que funciona universalmente en casi todos los clientes de correo electrónico, antiguos y nuevos. Tenga en cuenta que el correo electrónico no es la web y todavía es positivamente antediluviano. Algunos servicios de correo electrónico hacen cosas indescriptibles; me he encontrado con uno que eliminó ciegamente todas las etiquetas HTML (ignorando el texto sin formato proporcionado versiones), convertir imágenes enlazadas a archivos adjuntos, lo que resulta en un desorden ilegible. Incluso contemplar tener estilos en línea que funcionen frente a tal vandalismo es verdaderamente ilusorio.

¿Quieres saber dónde está el gran agujero? Hotmail. hotmail, live.com y outlook.com tira o reemplaza estilos en línea, sí, incluso en 2013. Culpa a Microsoft: hotmail, live, outlook.com y las perspectivas han empeorado considerablemente en los últimos años (por ejemplo, las carrozas se outlook.com hace 6 meses; outlook imágenes de fondo caído en 2007 y no se han visto desde entonces).

Los estilos en línea funcionan en Gmail, pero eliminan cualquier cosa que esté fuera de la etiqueta body. Algunos filtros de correo corporativos (como BlackSpider/WebSense) hacen exactamente lo contrario, así que si quieres estar completamente seguro sobre tu estilo, necesitas poner una etiqueta de estilo en la etiqueta head, otra copia dentro del cuerpo (no válida, pero funciona), los mismos estilos en línea (mira el proyecto premailer), y finalmente el mismo estilo usando etiquetas de fuente. Sí, es una locura, pero ninguna cantidad de deseos va a hacer que el problema desaparezca. Por supuesto, puedes eliminar algunos de estos, pero al hacerlo estás aceptando implícitamente que no se verá igual en algunos lugares. Usted necesita mirar a su audiencia-un nuevo sitio de música móvil probablemente puede salirse con la suya, pero un proveedor de pensiones corporativas probablemente necesita estar viviendo en 2003 font-tag land.

Afortunadamente, Apple Mail, iOS mail y iCloud tienen un manejo de HTML muy superior (como muestra la tabla Campaign Monitor, al igual que el proyecto de estándares de correo electrónico). Con la mayoría de la lectura móvil usando un poco de sabor de WebKit, el renderizado en dispositivos móviles es generalmente mucho más consistente (y en su mayoría mejor) que en computadoras de escritorio.

Simplemente podría decir que no vale la pena el esfuerzo ( lo que la respuesta aceptada está diciendo efectivamente): a cualquiera que use lectores de correo de mierda claramente no le importa mucho cómo se vea su correo electrónico, pero eso no significa que su estilo no se va a romper.

 63
Author: Synchro,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2013-06-25 08:14:58