Template emails arrive in different font to manually created ones

[PBridgman]

I'm just getting started with sending emails via Hubspot and I've created a template. When I send the template to myself to test it (via the Company record), it appears in my (microsoft outlook) inbox in Times New Roman font despite the template being sans serif. However, if instead of selecting the template, I just paste the content into the email, or just type something in, it arrives in sans serif as it should - and looks much nicer! Is there anything I can do to stop template emails appearing in Times New Roman when recieved? Many thanks....

[PBridgman]

I am still no closer to getting a solution or answer to this issue - is anyone able to help at all?

[PBridgman]

Also @Gaurav_Aggarwal it seems creating coded email templates which you've linked instructions to in your last message appears to only be available if you have a paid subscription which we don't currently as we are new to using Hubspot and want to ensure it will work for us before upgrading to a paid plan. But surely the email sales templates funtion that is provided should work properly anyway?

[RichardEdward]

It seems like Outlook might be defaulting to Times New Roman, even though you set a different font. To fix this, try adding inline styles to your HubSpot template. You can also use HubSpot's email testing tool to ensure compatibility across email clients. If the issue continues, reaching out to HubSpot support can provide more targeted solutions for Outlook.

[PBridgman]

Also I am currently on the free plan so as far as I can see, the only support available is through the community here?

[PBridgman]

Thanks for your reply. Firstly, it is only if I use the template that it turns to Times New Roman in Outlook - if I type a new email from sratch to send to a contact, it doesn't do this. Also, to be clear, I am talking about a sales email template as per these instructions - https://knowledge.hubspot.com/templates/create-and-send-templates - I'm not sure you can add code to these?

[Jigar_Thakker]

Hi @PBridgman ,

The issue with emails appearing in Times New Roman instead of the specified sans-serif font might be due to Microsoft Outlook’s limited support for custom or web fonts. Outlook uses Word's rendering engine, which does not fully support CSS unless it’s written inline. As a result, if the font you’ve chosen is not supported, Outlook defaults to a standard font like Times New Roman.

To resolve this, try using web-safe fonts like Arial, Helvetica, or Verdana, which are more widely supported by Outlook. In your HubSpot email template, add CSS styles within the <style> tags to specify the desired font family, including fallback fonts (e.g., font-family: 'Arial', 'Helvetica', sans-serif;).

For better compatibility, it’s recommended to use inline CSS, as it is more reliably supported by Outlook and other email clients.

For your reference:
https://knowledge.hubspot.com/website-pages/use-fonts-in-hubspot

https://knowledge.hubspot.com/marketing-email/emails-look-different-in-outlook

If this helps, feel free to mark it as the solution ✔️ and give it an upvote 👍 !

[PBridgman]

Thanks for your reply. I don't understand what is meant when you say "In your HubSpot email template, add CSS styles within the <style> tags to specify the desired font family, including fallback fonts (e.g., font-family: 'Arial', 'Helvetica', sans-serif;)."

What/where is the "style tag" in the email template I have made? I can see where to select fonts in the template - click on "more" at the bottom left - which gives a choice of 7 different fonts - but that's it. The articles mention inserting or editing the source code - I con't see how to do that with a template?

[Gaurav_Aggarwal]

Hey @PBridgman 

To ensure that template emails appear in the correct font when received in Outlook, follow these steps mentioned in this article to troubleshoot this issue: https://knowledge.hubspot.com/marketing-email/emails-look-different-in-outlook 

[PBridgman]

Thanks for your reply - unfortunatelythat link you posted isn't working. Do you have another link you can post?

[Gaurav_Aggarwal]

@PBridgman 

Please check now : https://knowledge.hubspot.com/marketing-email/emails-look-different-in-outlook 

[PBridgman]

Thanks, that link works but I don't understand how to insert code into a template. To be clear I am talking about a template I created following the instructions on thsi link - https://knowledge.hubspot.com/templates/create-and-send-templates

[Gaurav_Aggarwal]

@PBridgman 

I want to confirm do you want to create marketing template to send marketing emails or you want create sales email template to send one to one emails or to use them in sequence there is difference between both: https://www.youtube.com/watch?v=01M7_tXJCrY 

Also, you can create a custom coded email template and save your code for more information on this kindly go through this article here

[PBridgman]

What I have so far created (and what is not sending properly) is a "Sales email template" as per these instructions - https://knowledge.hubspot.com/templates/create-and-send-templates. (When creating teh template I did not copy and paste, but typed into the template from scratch). The way I am trying to use it is to go into a company record one at a time, and click on "email" to send an email. This brings up a new window for the email, and I then have a choice to either just write a new email, or click on the "templates" tab within this email window and select the template I have created. If I just write and email and send it, it arrives fine and properly formatted. If however, I select the template, it arrives in Times New Roman font and looks ugly.  So it's something specifically going wrong with the template, not emails in general.

The template I have created can be accessed to view/edit within the Library>templates from the left sidebar.

Thanks for your help - I really hope I can get to the bottom of this problem and fix it somehow!