Customeize the font on invite email

Adding a custom font in an email can be tricky because not all email clients support the use of custom fonts. However, many email clients like Apple Mail, iOS Mail, and some versions of Outlook do support web fonts. Gmail and many other web-based clients, however, may not support custom fonts directly.

You can include a custom font by linking to a web font service like Google Fonts or importing your own font via @font-face. You should always include fallback fonts in case the custom font isn't supported.

<style>
  @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

  /* Fallback font: Arial if Roboto isn't supported */
  body, p {
    font-family: 'Roboto', Arial, sans-serif;
  }
</style>

Font face example:

<style>
  @font-face {
    font-family: 'MyCustomFont';
    src: url('QUALTRICS FONT FILE URL GOES HERE');
    font-weight: normal;
    font-style: normal;
  }

  /* Fallback to Helvetica if custom font isn't supported */
  body, p {
    font-family: 'MyCustomFont', Helvetica, sans-serif;
  }
</style>