About Zapier Community
New to our Community? Get to know more about our space and how to make the most of your time here.

Code of Conduct Community FAQ's Zapier Common Questions What to Expect

Get Started With Zapier
New to Zapier? We have got you covered with our Zapier 101 Resources.

Zapier Essentials

Get Support
Have a question? Let's get you an answer!

How Do I...? Troubleshooting Code & Webhooks Developer Zone

Other Help Resources
Wait, there's more! Check out these Community sourced spaces for additional resources.

Zapier Help Center Hire an Expert

Zapier Products
Learn more about Zapier's new products.

Zapier Tables Zapier Interfaces

Zapier Reading
All of our best learning resources can be found here.

Featured Articles Show & Tell AI Hub Zapier Tools Hub

Learning Groups
Excited to meet other builders? Check out our interest areas full of doers, dreamers, and in-betweeners.

User Groups

Other Learning Resources
Some of our favorite additional ways to upskill your Zapier knowledge.

Zapier Learn Zapier Blog Zapier Webinars

Product Updates
Check out what is new and upcoming with Zapier with our regular product updates.

Product Updates

Early Access Program
Want to join Early Access? Learn more here.

Question

How do I change Gmail email font using HTML?

  • 27 October 2023
  • 3 replies
  • 207 views
L

Hi all, I’m creating Zaps to send emails via gmail, and want to change font. 

 

I’m using HTML, 

<style>
        body {
            font-family: 'prompt';
        }
    </style>

 

But the font in gmail does not seem to change ? 

Any ideas how to fix the issue ? 

 

Thanks

This post has been closed for comments. Please create a new post if you need help or have a question about this topic.

3 replies

Troy Tessalone
Userlevel 7
Badge +14

HI @lrdbarrd 

Good question.

Try doing inline styling.

⚡ Troy Tessalone - AutomationAce.com | Premier Certified Zapier Expert | #1 Zapier Community Contributor
E
Userlevel 1

Hi @lrdbarrd

I'm having the same problem and have been looking for a while. 

As I get to know, Gmail overrides any font you add. I’m still searching why..

I found a solution to this problem, but I don't think it's the best option:

        <td>
            <font face="Trebuchet MS">Text 1</font>
        </td> 

        <td>
            <font face="Trebuchet MS">
                <p>Text 1</p>
            </font>
        </td>

You must add the <font> tag to every text you need. Another option it's  close a <p> or   <span> tag with the <font> tag.
Always need to add face attribute with a family font name. But this only works with safe fonts.

ken.a
Userlevel 7
Badge +6

Hi friends,

I’m jumping in to see if I can help!

Here’s how I changed the font when using the “Send Email” action in Gmail:

  1. I nagivated to this link: https://www.w3schools.com/Tags/tag_font.asp
  2. Here’s how i setup the “Body” field:
    56c015b275c0258111253dfe5631f533.png
    (view larger)
     
  3. Here’s the result in the email:
    1a2bdfefc3dbb84f5d368a9cbb8b743c.png
    (view larger)

Hopefully, this helps! 

Terms & Conditions