He creado una plantilla HTML para una campaña de mailchimp que incluye fuente impresionante iconos en el pie de página. Si puedo enviar el correo electrónico en HTML utilizando el Mandril, su funciona bien. Cuando importo el código HTML en una plantilla de Mailchimp, los iconos no aparecen.

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width" />
    <link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'>
    <style>
.footer i {
        color: #999;
        margin: 0 2px;
    }

    .footer i:hover {
        color: #333;
    }

    .footer p {
        text-align: center;
        margin-bottom: 15px;
    }

    .footer a i {
        border: none;
        outline: none;
    }
</style>

Aquí están los iconos de uso:

<p>
  <a href="http://facebook.com/"><i class="fa fa-facebook-square fa-2x"></i>
  <a href="http://twitter.com/"><i class="fa fa-twitter fa-2x"></i>
  <a href="http://pinterest.com/"><i class="fa fa-pinterest fa-2x"></i>
  <a href="http://instagram.com/"><i class="fa fa-instagram fa-2x"></i>
</p>

OriginalEl autor Karl | 2015-06-17

3 Comentarios

  1. 3

    Que usted necesita para utilizar CSS en línea como se dice :

    Uso de CSS en línea Porque basado en el navegador de aplicaciones de correo electrónico, tales como
    Gmail, tira <head> y <body> etiquetas por defecto, siempre uso
    inline CSS incrustados CSS.

    Leer el enlace

    Tratar de convertir el código aquí y, a continuación, enviarlo por correo

    Lo siento, pero la fuente de los iconos no funcionan en los clientes de correo electrónico. Esto no va a solucionar el problema.

    OriginalEl autor A.J

  2. 3

    No hay manera de hacer esto. Por desgracia, los clientes de correo electrónico son demasiado limitados. La mayoría no puede manejar cualquier CSS3, ni @font-face (que es lo que font-awesome utiliza para los iconos). Si desea que Outlook apoyo – que sin duda desea – usted no debe usar los iconos que aparecen como imágenes de fondo también.

    La única manera segura es convertir cada icono imágenes. Afortunadamente, iconmoon puede ayudar. Elegir los iconos que usted necesite, seleccione descargar como SVG o PNG y utilizar los archivos PNG.

    Otra advertencia: utilice tablas para maquetar, como si estuviera en 1998, no carrozas de lujo o cosas por el estilo.

    OriginalEl autor Elton Mesquita

  3. 0

    Si se están preguntando: «¿Cómo puedo usar una plantilla de HTML, que incluye la Fuente Impresionante iconos, en una campaña de MailChimp?», entonces yo no puedo ayudar.

    Pero puedo responder «¿Cómo puedo utilizar una Fuente Impresionante iconos en una campaña de MailChimp?»

    La única manera que he encontrado que funciona es la construcción de su campaña de MailChimp en su página web, mediante su campaña editor/diseñador. Básicamente, tuve que activar el icono en forma de imagen, y en la línea de cambiar su tamaño para que se ajuste a mis necesidades. Extra el trabajo manual, pero esto es lo que yo necesitaba. Espero que esto ayude.

    OriginalEl autor Jeremy

Dejar respuesta

Please enter your comment!
Please enter your name here