title: Using Font Awesome icons in Mailchimp campaign
body: <p>I have created an HTML template for a mailchimp campaign that includes font awesome icons in the footer. If I send the HTML email using Mandrill, its works fine. When I import the HTML into a Mailchimp template, the icons dont appear.</p>
  
  <pre><code>&lt;head&gt;
      &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;link href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"&gt;
      &lt;link href='http://fonts.googleapis.com/css?family=Montserrat' rel='stylesheet' type='text/css'&gt;
      &lt;style&gt;
  .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;
      }
  &lt;/style&gt;
  </code></pre>
  
  <p>Here are the icons in use:</p>
  
  <pre><code>&lt;p&gt;
    &lt;a href="http://facebook.com/"&gt;&lt;i class="fa fa-facebook-square fa-2x"&gt;&lt;/i&gt;
    &lt;a href="http://twitter.com/"&gt;&lt;i class="fa fa-twitter fa-2x"&gt;&lt;/i&gt;
    &lt;a href="http://pinterest.com/"&gt;&lt;i class="fa fa-pinterest fa-2x"&gt;&lt;/i&gt;
    &lt;a href="http://instagram.com/"&gt;&lt;i class="fa fa-instagram fa-2x"&gt;&lt;/i&gt;
  &lt;/p&gt;
  </code></pre>