Search code examples
htmlcssfontsfont-awesomemarketo

Why font Awesome does not work when sending marketo E-mails

I am using Marketo to send e-mails. Within these e-mails I am using font awesome to create the social media icons. However it is not appearing in the e-mail when it is sent.

To import the font I am using the following: 

<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet">
Solution

  • The best practice is to avoid using external stylesheets, as most email clients will block them. That said, you are on the right track. Here's how to do this:

    1. Load the external stylesheet.

      <link href='http://fonts.googleapis.com/css?family=Lato:400,700' rel='stylesheet' type='text/css'>

    2. Reference the font-family in your CSS.

      h1 { font-family: 'Lato', sans-serif; font-weight: 400; }