How to use fontawesome 5 with mjml?

Question

I don't know what I am doing wrong. I tried to implement this solution:

<mjml>
  
    <mj-head>
      <mj-font name="Font Awesome 5 Free" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/solid.min.css" />
  </mj-head>
  
  <mj-body background-color="#d7dde5">
     
      <mj-section background-color="#ffffff" full-width="full-width">
       <mj-column vertical-align="top">
          <mj-text font-family="Font Awesome 5 Free">&#xf005;</mj-text>
      </mj-column>
      
    </mj-section>
  </mj-body>
</mjml>

I'll appreciate any help.

Thanks in advance.

Answer 1

https://mjml.io/try-it-live/5QvLomsxi73

Maybe your implementation is working?

The above URL is your code. I added the mj-font example from the documentation. I added an mj-text to show the default font.

I conclude the three lines are in three different fonts.

Perhaps you know what to expect your font to look like and this is different?

P.S. This would have been a welcome question at https://mjml.slack.com/ (signup: https://join.slack.com/t/mjml/shared_invite/zt-gqmwfwmr-kPBnfuuB7wof5httaTcXxg). Sorry I was slow to see this here. Someone would have seen it earlier there. Friendly people both places.

They were trying to solve registration problems recently. Please consider registering and hoping for the best!