Quatmarketing
  • Home
  • SEO
  • Content
  • Email Marketing
  • Paid Media
Quatmarketing
  • Home
  • SEO
  • Content
  • Email Marketing
  • Paid Media
No Result
View All Result
Quatmarketing
Quatmarketing
No Result
View All Result

How to Upload Custom Fonts to Mailchimp?

Wonder Woman by Wonder Woman
December 27, 2022
in Email Marketing
0 0
0
How to Upload Custom Fonts to Mailchimp?
0
SHARES
304
VIEWS
Share on FacebookShare on Twitter

Many organizations spend thousands of dollars every year on marketing and designing email campaigns. While they use free fonts to design the content, they don’t understand the importance of using unique fonts in their marketing campaigns. If you’re thinking of creating email campaigns and want to use unique fonts in your emails, then this post is for you.

Learn how to upload custom fonts to Mailchimp so you can create beautiful, branded emails that stand out in your subscribers’ inboxes. This quick, easy guide will show you how to add fonts to Mailchimp in just a few steps.

Add Custom Fonts to Mailchimp

1. Create a New Template

The first step is to create a MailChimp template. The picture below shows the basic started template. 

Create Template in Mailchimp

This is what your design should look like after selecting this template:

Add custom fonts to Mailchimp

2. Select a Font

A lot of email clients do support custom fonts, but Mailchimp only allows a few web-safe fonts. Creating custom fonts requires insertion from CSS. In other words, JavaScript isn’t allowed. Neither TypeKit nor Typography.com are supported. In any case, you can use Google fonts.

Picking the right font from Google’s bazillion fonts can ruin your day. Try to find one you like and then just do a web search for “{fontname} pairing”.

For this template, If you want “open sans” for the body and with that web search you can find “Playfair Display” is one that compliments nicely. So you can use those two.

In Google fonts, add both to a collection and then click the “use” button. From here you should see a style sheet to copy and paste.

<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Open+Sans:400,300,700" rel="stylesheet" type="text/css" />

<link href=”https://fonts.googleapis.com/css?family=Playfair+Display|Open+Sans:400,300,700″ rel=”stylesheet” type=”text/css” />

Keep your code simple and use inline CSS when working with HTML email to achieve the best results. By converting styles from your pasted code to inline, Mailchimp’s Automatic CSS Inliner tool helps you avoid having to manually code the styles.

To turn on CSS inliner, you have to follow these steps,

  • Click Design Email in the campaign builder’s Content section.
  • Select Paste in code under the Code Your Own option on the template step.
Paste in Code option in Mailchimp
  • Paste your HTML code in the design phase.
  • On the Settings tab, click.
  • Automatic CSS Inliner has a checkbox next to it.
Automatic CSS inliner checkbox in Mailchimp

3. Insert the Font into the Template

Let’s add it to our theme now that we have the code and know the font to use. Since editing HTML isn’t possible in MailChimp, we’ll make a false version by adding code to their editor. In the top left corner, click the first text that appears:

Next from the text editor select the code button. Here is a screenshot showing the button.

Insert font in Mailchimp template

Copy and paste the code mentioned below;

<link href="https://fonts.googleapis.com/css?family=Playfair+Display|Open+Sans:400,300,700" rel="stylesheet" type="text/css" />
<style type="text/css">h1,h2,h3,h4,h5 { 
  font-family: 'Playfair Display', serif !important; 
  font-weight: 300 !important; 
} 
h1 { 
  line-height:44px !important; 
  color: #111 !important;
} 
p, .footerContainer { 
  font-family: 'Open Sans', sans-serif !important; 
  font-weight: 300 !important; 
  color: #111 !important;
}
</style>

The above code is all standard CSS with the exception of having to use !important on everything to override Mailchimp’s default styling.

You ought to be able to see and use a lovely template with a unique font using that set.

Conclusion

I hope you enjoyed our article about uploading fonts to Mailchimp. With this knowledge, we know that you can upload custom branded fonts to your Mailchimp campaigns and newsletters to give them a professional look. You can also wrap text in your email template to make it more unique.

So what are you waiting for? Upload your custom fonts to your next Mailchimp campaign.

Thanks for Reading!!

Previous Post

10+ Best Social Media Campaign Post Ideas for Singles Day

Next Post

How to Make a Transparent Logo in Canva For FREE?

Wonder Woman

Wonder Woman

Next Post
How to Make a Transparent Logo in Canva For free

How to Make a Transparent Logo in Canva For FREE?

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

You might also like

Top 10 SEO Companies in USA for Dominating Search Rankings

Top 10 SEO Companies in USA for Dominating Search Rankings

March 20, 2023
best seo experts in the world

Best SEO Experts in the World

February 19, 2023
Best Digital Marketing Courses in Chennai with Details

Best Digital Marketing Courses in Chennai with Details

February 10, 2023
digital marketing influencer in india and globally

Top 20 Digital Marketing Influencer in India and Globally

January 31, 2023
National Tourism Day Social Media Creatives by Top brands

Top 20 Social Media Post Ideas For National Tourism Day from Top Brands

December 30, 2022
How to Make a Transparent Logo in Canva For free

How to Make a Transparent Logo in Canva For FREE?

December 30, 2022
Quatmarketing

Best Digital Marketing Blog For you From Industry Leading Digital Marketing Experts in the Fields of SEO, Content, Paid Media and Email Marketing

Stay Connected

  • About Us
  • Privacy Policy
  • Disclaimer
  • Terms and Conditions
  • Contact Us

© 2022 Quatmarketing

No Result
View All Result
  • Home
  • SEO
  • Content
  • Email Marketing
  • Paid Media

© 2022 Quatmarketing

Welcome Back!

Login to your account below

Forgotten Password?

Retrieve your password

Please enter your username or email address to reset your password.

Log In