htmlemailhtml-emailemail-client

Email Template Character (∞) Displayed differently for Outlook and Gmail (and others)


Are there any solutions to always display the specific character (∞) the same way for different email clients?

This part of the email template:

<tr>
  <td>Price €</td>
  <td>{{search_requests__min_price}} - ∞</td>
</tr>

Hot it looks for me (Gmail - Good):

How it looks for others (Outlook - Bad):


Solution

  • As MC Emporer said in the comments below the original question, the best way to define a system font that exists on most platforms. Arial is a good candidate.

    <table style="font-family: arial, sans-serif;">
      <tr>
        <td>Price €</td>
        <td>{{search_requests__min_price}} - ∞</td>
      </tr>
    </table>
    

    Defining the font in a parent container will cascade down all the text below.

    Note: You still will be at the mercy of the OS. Eg. Windows and Mac will display the fonts differently. And Windows Outlook uses MS Word to render text.