El interés de la audiencia depende no solo del contenido, sino también de la forma en que se presenta. En otras palabras, lo que escribe es importante y CÓMO escribe.
¿Quieres darle más estilo a tu carta? Pruebe fuentes que llamen la atención. Elija una fuente que refleje el estado de ánimo de la letra y asegúrese de que se refleje hermosa y correctamente en las computadoras y dispositivos móviles suscriptores. Con las capacidades de diseño HTML, las listas de correo son tan fáciles de hacer como pelar peras, incluso si no sabe cómo escribir código usted mismo. Hay servicios web, como Google Fonts, que comparten código prefabricado que solo necesita agregar a su lista de correo de acuerdo con ciertas reglas. Sea creativo con el servicio de fuentes web gratuito en línea y fácil de usar de Google.
Utilice fuentes en lugar de imágenes para enviar boletines por correo electrónico con una carga rápida y precisa
¿Por qué el texto es mejor que una imagen cuando se codifica en boletines de correo electrónico HTML?
- Un suscriptor puede tener un bloqueo de imágenes en el correo electrónico y, para ver las imágenes, deberá eliminar este bloqueo. Y las fuentes se muestran de todos modos.
- El uso de fuentes de la colección en línea reduce el tiempo de carga de la carta. No importa cuántas veces se utilicen fuentes web en un correo electrónico: solo hay una solicitud al servidor que almacena la fuente durante la descarga. La situación es diferente con las imágenes: cada imagen necesita una solicitud separada para cargarse, por lo que el correo electrónico se carga más lentamente. Si el suscriptor tiene Internet lento entonces puede simplemente cerrar la carta. Por lo tanto, plantillas html listas para usar boletines de correo electrónico con solo imágenes no siempre se obtienen los mejores resultados.
- Incluso la imagen de alta resolución de la más alta calidad se verá menos clara y legible que el texto.
Utilice las fuentes web de Google en los correos electrónicos
¡Intente transformar su plantilla de correo electrónico con Google Web Fonts! Echemos un vistazo más de cerca a qué son estas fuentes y por qué son tan buenas.
Las fuentes de Google son fuentes de alta resolución y alta calidad que puede agregar a sitios web o correos electrónicos.
Beneficios de las fuentes de Google:
- Amplia selección de fuentes web gratuitas para uso comercial y no comercial.
- Es muy fácil aplicar una fuente al cuerpo de un correo electrónico en formato HTML: simplemente siga nuestra guía de 6 pasos a continuación.
- Las fuentes de Google son compatibles con la mayoría de los programas de correo electrónico, incluidos Apple Mail, Outlook 2000/2011, Lotus Notes 8 y 8.5, Thunderbird, Android 2.3 / 4.2 y todos los dispositivos iOS.
Si el suscriptor tiene bloqueo de imágenes, no se mostrará la fuente web. En cambio, el suscriptor verá una fuente estándar como Sans Serif. En cualquier caso, el texto será legible.
Cómo utilizar las fuentes web de Google en correos electrónicos HTML
Si está escribiendo correos electrónicos HTML, siga estos seis pasos para agregar Google Web Fonts a su boletín.
Paso 1
Siga este enlace https://www.google.com/fonts y elija una fuente adecuada. Tomaremos Shadows Into Light como ejemplo.
Paso 2
Cuando se decida por una fuente, haga clic en Uso rápido.
Paso 3
La siguiente ventana con código HTML aparecerá a la izquierda:
Escribe tu título aquí
¡Listo! Así es como se verá su titular en su correo electrónico terminado:
Otras fuentes web
Además de las fuentes de Google, hay otras fuentes web interesantes que puede utilizar para escribir, para no limitarse a las molestas Arial y Times New Roman.
Familia de fuentes: Arial, Helvetica, sans-serif; familia de fuentes: Georgia, serif; familia de fuentes: "Palatino Linotype", "Book Antiqua", Palatino, serif; familia de fuentes: "Times New Roman", Times, serif; familia de fuentes: "Arial Black", Gadget, sans-serif; familia de fuentes: "Comic Sans MS", cursiva, sans-serif; .t.c. familia de fuentes: Impact, Charcoal, sans-serif; familia de fuentes: "Lucida Sans Unicode", "Lucida Grande", sans-serif; familia de fuentes: Tahoma, Ginebra, sans-serif; familia de fuentes: "Trebuchet MS", Helvetica, sans-serif; familia de fuentes: Verdana, Ginebra, sans-serif; familia de fuentes: "Courier New", Courier, monoespacio;
Si bien la mayoría de los programas de correo electrónico admiten fuentes web estándar, hay otros que no lo hacen. En este caso, la fuente web se reemplazará por una fuente genérica. Como puede ver justo arriba, casi todas las líneas terminan con una mención de la fuente Sans Serif, que es compatible con todos los programas de correo electrónico.
Resumiendo las fuentes web
Todos quieren que sus correos electrónicos se destaquen del resto de los correos que llenan la bandeja de entrada del suscriptor. Las fuentes web estándar, y especialmente las fuentes web de Google, son una excelente manera de captar la atención del lector. No abarrotes tu correo electrónico con imágenes innecesarias en lugar de títulos, usa fuentes web en su lugar. Esto refrescará su correo electrónico, reducirá los tiempos de carga y mejorará la legibilidad.
¿Cómo eliges la fuente perfecta? Intente realizar pruebas A / B con diferentes fuentes y encontrará la que mejor se adapte al contenido de la carta y a la naturaleza de la audiencia.
Me gustaría decirles a los artesanos que prefieren escribir su propio guión de campaña por correo electrónico: 2016 está en el patio, ¡su tiempo vale más! ¿Por qué reinventar la rueda cuando todas las prácticas herramientas de marketing por correo electrónico masivo ya están en el práctico y económico servicio de Mailigen? Simplemente cargue su base de datos y comience a crear listas de correo profesionales en minutos.
Si necesita asesoramiento profesional sobre el uso de fuentes web en su código de correo electrónico, comuníquese con nosotros. Si desea un diseño de letras llave en mano, nuestra Fábrica de Diseño está trabajando para usted. Contáctenos y reciba un elegante boletín por correo electrónico.
Hoy hablaremos de un tema tan importante en los correos electrónicos como son las fuentes:
Una fuente bien elegida que funcione en armonía con el diseño general de su correo electrónico permite al suscriptor "escanear" fácilmente el texto y, por lo tanto, acceder a él más rápido. La visualización de fuentes a los destinatarios depende en gran medida de las capacidades del dispositivo en el que se abre el mensaje.
¿Cómo elegir fuentes para boletines informativos por correo electrónico?
Dado que la mayoría de los remitentes de correo utilizan HTML para mostrar correos electrónicos, debe utilizar los códigos HTML correctos para la fuente y el estilo que verán sus lectores. Utilice fuentes ampliamente disponibles, ya que se muestran correctamente en casi todos los gadgets y todos los clientes de correo electrónico:
Al elegir fuentes para letras, siga las reglas:
Utilice diferentes tipos de letra para títulos y bloques. No hay fuentes prioritarias para el encabezado de la carta, por lo que depende solo de su imaginación y las capacidades de los remitentes. Demasiadas fuentes diferentes en una letra pueden ensuciar el texto, así que limítese a no más de dos o tres fuentes diferentes. El uso de una fuente para los títulos y una fuente diferente para todo el texto es un estándar aceptable.
Es mejor no agregar fuentes decorativas en el texto o usar solo en elementos separados y en pequeñas cantidades. Son poco legibles en textos extensos y no es un hecho que el usuario los muestre correctamente. Si realmente desea agregar algo como esto a la carta, agregue fuentes no estándar a las imágenes agregándoles
Dado que Astratex hace una letra a partir de bloques de imágenes, alternándolos con texto. En las imágenes, experimentan con las fuentes a su gusto, y la letra no sufre esto en absoluto.
Elija una fuente que complemente la personalidad de su mensaje, enfatice su identidad corporativa, etc. Es extraño escribir sobre cosas serias usando Comic Sans, pero si estás lo suficientemente cerca de tus clientes, ¿por qué no? Comic Sans es una de las fuentes más criticadas. Si realmente te gusta esta fuente, no es necesario que escribas todo en este estilo. Haga que los titulares o los elementos individuales se destaquen. Pero al mismo tiempo, demasiadas fuentes en su carta harán que la letra sea difícil de leer y será difícil para sus lectores percibirla visualmente.
Evite una gran cantidad de fuentes y combinaciones diferentes que no se ajusten al estilo (por ejemplo: Arial y Comic Sans).
Utilice las mismas fuentes en las páginas de destino que en los correos electrónicos para que el usuario se acostumbre a usted.
El texto sans-serif se considera más legible. Sin embargo, Serif es fácil de leer en la pantalla de un dispositivo y puede parecer más interesante que algunas fuentes sans-serif.
Aplicar elementos de estilo a los correos electrónicos
Ya sabíamos qué fuentes usar para los boletines de correo electrónico, y ahora pasemos a los elementos individuales. Cambiar el estilo de fuente le dará a tu carta un cierto encanto y enfatizará el punto principal del texto. Los elementos de estilo más útiles y sus aplicaciones más adecuadas incluyen:
Miniatura resalta frases importantes y crea contraste en el texto. La mayoría de los editores le permiten cambiar el texto en negrita sin agregar etiquetas HTML. La negrita se usa con mayor frecuencia para títulos, subtítulos, palabras o frases sueltas, frases cortas y frases importantes. El texto en negrita en medio de un párrafo puede distraer la atención del resto del texto, por lo que cuando solo desee enfatizar una palabra en un párrafo, elija cursiva en lugar de negrita.
Precaución en cursiva llama la atención sobre tus palabras. Esta es una buena opción para resaltar una palabra o frase corta en un párrafo, delinear subtítulos, nombres propios o algún tipo de título. Las cursivas pueden ser difíciles de leer en la pantalla de una computadora, por lo que es mejor limitar el uso de las cursivas a palabras sueltas y frases cortas.
Evite el uso excesivo de texto en negrita o cursiva: será imposible de leer y el usuario simplemente cerrará la carta.
Texto subrayado los lectores pueden identificar como hipervínculos. Puede subrayar los títulos para separarlos del texto posterior, pero si tiene la oportunidad, conviértalos en enlaces para que el cliente no se sienta frustrado al hacer clic en los títulos en vano.
Cambia el tamaño del texto. Hace que el texto sea más fácil de leer en la pantalla de una computadora. Puede usar diferentes tamaños para títulos y subtítulos para llamar la atención, o viceversa, para hacer que un solo bloque sea menos visible.
La firma se hizo en un tamaño más pequeño, pero esto no afectó el significado de este bloque. Simplemente no atrae demasiada atención y el lector lo alcanzará a su vez.
Las fuentes de colores pueden mejorar y estropear el aspecto de su carta. Usar texto oscuro y fondos claros es la opción más adecuada, pero no al revés. Asegúrese de que el color de la fuente y el color de fondo tengan suficiente contraste.
Una fuente serif blanca sobre un fondo negro es inconveniente. Por supuesto, la administración sabe mejor qué y cómo enviarlas, pero debe admitir que tales cartas son difíciles de leer.
Y en este formato generalmente no está claro por qué hay tantos colores. Aunque me suscribí, esta carta cae en spam para mí, posiblemente también debido a tanta riqueza y variedad. Evite contrastar colores brillantes (azul, rojo, amarillo, etc.), y especialmente si la letra está formada solo por ellos.
- La altura y el relleno de la fuente son igualmente importantes para una lectura cómoda. Haz que la fuente principal tenga al menos 12 px, teniendo en cuenta eso. También es mejor no hacer la letra completa más de 16 px - esto alargará la letra y tampoco será conveniente leer la letra.
Cualquier secretaria encargada de la responsabilidad del correo confirmará que estas dos tareas son las que consumen más tiempo, y tratar de ganar al menos medio minuto en cada carta está totalmente justificado y merece un esfuerzo. Las capacidades del conocido programa Microsoft Word le permiten hacer frente rápidamente al etiquetado de sobres. Habiendo dominado esta función simple, puede recibir inmediatamente un sobre no solo con todos los detalles necesarios, sino también decorado en el estilo corporativo de la organización.
Un aspecto importante: tendrás que gastar solo en el sobre y pintar en la impresora, sin contactar con la imprenta.
Para trabajar necesitamos una pestaña Boletines en el menú superior de MS Word (Fig. 1), así como sobres absolutamente limpios, sin márgenes marcados. La ubicación de los detalles en sobres de diferentes tamaños ya está incluida en el programa, por lo que no es necesario marcar.
Una ventaja adicional: los sobres en blanco se venden en cualquier tienda de suministros de oficina, por lo que no es necesario hacer cola en la oficina de correos para comprarlos.
Especificar la dirección del remitente
Un sobre postal ordinario requiere que el remitente complete los siguientes datos:
· Nombre (cargo) y dirección del remitente;
· Índice de destinatarios;
· Nombre (cargo) y dirección del destinatario.
El Correo Ruso ha fijado las reglas para escribir direcciones en sus envíos a El procedimiento de recepción y entrega de envíos postales registrados internos(aprobado por orden de FSUE Russian Post con fecha 17.05.2012 No. 114-p):
"4.39. Las direcciones de los envíos postales, los formularios adjuntos para los paquetes, los formularios adjuntos "E 1-v" enviados dentro de la Federación de Rusia deben indicarse en números arábigos y rusos, y los enviados dentro del territorio de las repúblicas dentro de la Federación de Rusia pueden redactarse en el idioma del estado de la república correspondiente, siempre que se repitan las direcciones en ruso.
Los detalles de la dirección están escritos en el siguiente orden:
· Para una persona jurídica - nombre completo o abreviado, para personas físicas - apellido, nombre, patronímico;
· Datos bancarios (para transferencias postales contra reembolso enviadas a una entidad jurídica o recibidas de una entidad jurídica): TIN, cuenta corresponsal, nombre del banco, cuenta corriente, BIK;
· Nombre de la calle, número de casa, número de apartamento;
· El nombre del asentamiento (ciudad, pueblo, etc.);
· Nombre de la región;
· El nombre de la república, krai, oblast, okrug autónomo (oblast);
· Código postal;
· Número de teléfono del destinatario (remitente) (para EMS, MKPO) ”.
El nombre y la dirección del remitente, a diferencia del resto de datos, la información es constante. Se puede agregar al programa.
Para hacer esto, debe hacer clic en el botón redondo Oficina en el menú inferior izquierdo de la pantalla y en el menú desplegable haga clic en el botón Opciones de Word(Figura 2).
Arroz. 2. Botón Opciones de Word
En la ventana que se abre, a la izquierda, haga clic en el comando Adicionalmente y desplácese por el margen derecho hacia abajo hasta el grupo General... Hay un campo Dirección de envio... Lo rellenamos y lo guardamos pinchando OK(Fig. 3).
Arroz. 3. Un ejemplo de cómo rellenar el campo Dirección postal
Ahora el programa ha memorizado la dirección del remitente del remitente y la indicará automáticamente en los sobres.
Preparándose para indicar el índice del destinatario
El índice del destinatario, escrito en la parte inferior izquierda del sobre, se refiere a los datos obligatorios del envío postal. Sin él, lo más probable es que el operador de la oficina de correos no acepte la carta. Actuaremos de acuerdo con las reglas y proporcionaremos a nuestros futuros sobres un índice escrito de acuerdo con todas las reglas de la caligrafía postal.
Es muy fácil encontrar una fuente para escribir códigos postales en Internet ingresando la consulta de búsqueda adecuada.
Puede descargar la fuente de forma gratuita, pero le recomendamos encarecidamente que se tome su tiempo y compruebe si tiene virus antes de descargar el archivo.
El archivo de fuente tiene la extensión .ttf. Para mostrarlo entre todas las fuentes de Word, debe abrir la carpeta Mi computadora, luego ve a Panel de control, buscar carpeta Fuentes y mueva el archivo descargado a esta carpeta.
Escritura de sobres
Arroz. 4. Ventana Sobres y etiquetas
Tenga en cuenta: la dirección del remitente ya está indicada en el campo correspondiente de esta ventana. No tiene que mostrarlo en el sobre: simplemente marque la casilla de verificación No imprimir... Pero no recomendamos hacer esto, de lo contrario pueden surgir problemas al enviar cartas por correo. La dirección del remitente es un requisito obligatorio.
Para configurar los parámetros de la envolvente, debe hacer clic en el botón Opciones... En la siguiente ventana que se abre, hay dos pestañas disponibles: Parámetros de envolvente y Opciones de impresión.
En la pestaña Parámetros de envolvente establece el tamaño del sobre en el que se imprimirá; aquí se indica el formato y tamaño del sobre en milímetros (fig. 5). El programa también mostrará el diseño de los detalles en el formato seleccionado. Puede configurar inmediatamente los parámetros para el texto de las direcciones: fuente y tamaño. No olvide guardar los cambios haciendo clic en OK.
Arroz. 5. La pestaña Opciones de sobre
Pestaña Opciones de impresión, en primer lugar, permite seleccionar la impresora en la que imprimir y, en segundo lugar, muestra cómo debe colocarse exactamente el sobre en la bandeja de papel (fig. 6).
Arroz. 6. Ficha Configuración de impresión
Después de configurar todos los parámetros de impresión y sobre necesarios, puede volver a la ventana Sobres y pegatinas y presione el botón Agregar para ver la versión electrónica del sobre terminado. Solo falta el índice. Haciendo doble clic en el campo blanco en el lugar donde debe ubicarse el índice, escríbalo y cambie la fuente a la que preparamos anteriormente para tal fin. El sobre está listo (fig. 7). Puede colocar con seguridad un sobre en blanco en la bandeja de alimentación de papel de la impresora y enviar el documento para imprimir.
Arroz. 7. Sobre terminado
Así pues, se ha cumplido el objetivo mínimo: tras dedicar unos minutos, hemos solucionado de forma permanente el problema de indicar el remite en el sobre, y en cuanto al índice y la dirección del destinatario, se pueden añadir sin ningún esfuerzo al correspondiente. campos en el sobre del registro de correo o lista de correo usando las funciones elementales de copiar y pegar. En la práctica, se tarda menos de un minuto en preparar un sobre con esta instrucción.
Se pueden preparar hermosos sobres de estilo corporativo especialmente para envíos postales de vacaciones públicas y profesionales. Lo más importante es que el trabajo de crear sobres en Word solo parece abrumador. En realidad, es muy simple y el tiempo que se ahorra al conocer esta función no tiene precio.
Solo es posible si usa texto real en las versiones HTML de los correos electrónicos.
Sin embargo, este hecho no significa que solo se puedan utilizar Arial y Times New Roman. En el artículo de hoy, veremos las posibilidades existentes para trabajar con fuentes en el correo electrónico.
Conceptos básicos de tipografía
Una de las principales tareas en el diseño de listas de correo es asegurarse de que los clientes de correo y los motores de procesamiento no hagan nada extraño con el correo. Cuando se trata de texto, puede resolver la mayoría de los posibles problemas agregando un par de estilos. Por ejemplo, con el enfoque, puede aplicarlos a nivel de celda en una tabla:
Puede aplicar estilos CSS a las celdas que describen el color del texto (color), la fuente utilizada (familia de fuentes), su peso (peso de fuente) y la altura de la línea (altura de la línea).
Si declara estos estilos, el texto se procesará adecuadamente incluso en los clientes de correo electrónico más "hostiles". Al mantener cada parte del contenido en su propia celda, estos componentes se pueden diseñar sin tener que preocuparse por los problemas de herencia. Si, por ejemplo, necesita trabajar con una sección específica de texto en un bloque grande, entonces este texto necesario se puede ajustar y usar estilos en línea:
En los ejemplos anteriores, usamos Arial (sí), pero nada nos impide ir más allá. Veamos cómo puedes hacer esto.
Usar fuentes web
Este método está bien diseñado por Paulr Airy. Su esencia radica en el uso de fuentes web que no están instaladas en el dispositivo del usuario. Esto se hace incluyéndolos en CSS. Este método se ha utilizado con éxito en la web durante mucho tiempo, pero solo está ganando popularidad entre los diseñadores de correo electrónico.Hay varias formas de incluir fuentes web, pero Paul recomienda utilizar una hoja de estilo externa que se utiliza para extraer fuentes de sitios como Google Web Fonts.
Luego, en estilos en línea, puede agregar la fuente deseada a la declaración de la familia de fuentes:
Los clientes de correo electrónico que admiten fuentes web ahora mostrarán texto con una fuente preseleccionada. De lo contrario, se utilizarán las fuentes alternativas enumeradas: tenemos Helvetica, Arial o una fuente sans-serif instalada.
| Soporte para fuentes web en clientes de correo electrónico a través de un enlace a una hoja de estilo externa |
|
| Apple Mail 6 |
|
| Lotus Notes 8 |
|
| Outlook 2000 |
|
| Outlook 2011 en Mac |
|
| Thunderbird |
|
| iPad |
|
| iPhone |
|
| Android 2.3 |
|
| Android 4.2 |
|
Desafortunadamente, Outlook no mostrará nuestras fuentes alternativas (quién lo dudaría, por supuesto). En su lugar, ignorará todos los estilos relacionados y mostrará el texto en Times New Roman. Pero incluso esto se puede solucionar con la ayuda de una clase CSS especial: resaltará el texto necesario a través de comentarios condicionales y transmitirá información a Outlook sobre el conjunto de fuentes utilizadas.
Ahora, en lugar de Times New Roman por defecto, las letras se mostrarán usando Arial u otra fuente sans-serif instalada.
Vista de varias columnas sin celdas de tabla
Paul también habla de lo indeseable de usar múltiples columnas para la ubicación del texto. Sin embargo, dado que la mayoría de las letras están compuestas, en las que siempre hay columnas, se sugiere un uso simple de celdas adyacentes para mostrar el texto. Pero, ¿qué pasa si necesitamos lograr un "flujo" de texto de una columna a otra, en lugar de "codificar" el contenido en celdas específicas?Aquí es donde la propiedad CSS de recuento de columnas resulta útil. Pero es importante recordar que a partir de ahora estamos entrando en una tierra salvaje donde rara vez encontrará una aplicación que admita el recuento de columnas.
Con esta propiedad, puede establecer el número de columnas entre las que se dividirá el texto. Así es como se ve el código:
Ahora, independientemente de la cantidad de texto, naturalmente se dividirá en dos columnas. En el caso de que el programa de correo en el que se abre el mensaje no admita el recuento de columnas, el mensaje se mostrará en forma de una columna.
Como se mencionó anteriormente, con soporte, todo no es muy bueno:
A veces, utilizando varios trucos de vida (por ejemplo, aplicando estilos a la etiqueta de párrafo), es posible forzar la visualización de letras con recuento de columnas y algunos otros clientes. En particular, Paul pudo lograr esto en sus pruebas, por ejemplo, en Outlook.com en Firefox.