Adding Fonts to HubSpot: A Step-by-Step Guide

LAST UPDATED
September 4, 2024
Jason Gong
apps
No items found.
TL;DR

To add fonts to HubSpot, use default, Google, or custom fonts.

By the way, we're Bardeen, we build a free AI Agent for doing repetitive tasks.

If you use HubSpot, check out Bardeen's AI Agent. It helps automate tasks like syncing data and managing contacts, saving you valuable time.

How to Add Fonts to HubSpot

Adding fonts to HubSpot is a process that varies depending on the type of font you're looking to add (default, web, or custom fonts) and the content you're planning to use them in (website pages, blogs, emails, etc.). HubSpot supports a variety of methods for incorporating fonts into your content, including using default fonts, integrating Google Fonts, and uploading custom fonts.

Streamline your HubSpot workflow and save time on repetitive tasks with Bardeen automations. Enhance your productivity today!

__wf_reserved_inherit

Using Default Fonts

Default fonts are readily available in HubSpot's rich text editor and can be used across different types of content without any additional setup. To use a default font:

  1. Navigate to the content you wish to edit (Website Pages, Landing Pages, Blog, Knowledge Base, or Email).
  2. Click 'Edit' on the content piece.
  3. In the content editor, select the text you want to modify.
  4. Choose your desired font from the 'Font' dropdown menu in the rich text toolbar.

Integrating Google Fonts

For a broader selection of fonts, you can integrate Google Fonts into your HubSpot content. This method involves copying the font's import code from Google Fonts and applying it through CSS.

  1. Visit fonts.google.com and search for the font you want to use.
  2. Click '+ Select this style' for each style you want to import.
  3. In the right panel, select '@import' in the 'Use on the web' section and copy the code provided.
  4. Navigate to 'Marketing' > 'Files and Templates' > 'Design Tools' in your HubSpot account.
  5. Open the stylesheet used for your content and paste the @import code at the beginning of the file.
  6. Add the CSS rules for the font to the appropriate selectors in your stylesheet.
  7. Publish your changes.
__wf_reserved_inherit

This method can be used for stylesheets, custom coded email templates, CTAs (legacy), forms, and custom modules, although it's important to note that Google Fonts are not supported in email templates due to limited client compatibility.

Adding Custom Fonts

If you have specific brand fonts that are not available through Google Fonts, you can upload custom font files directly to HubSpot for use in your themes or stylesheets.

Use Custom Fonts in Themes

  1. Navigate to the content you want to edit and select 'Edit'.
  2. In the content editor, go to 'Edit' menu and choose 'Theme: [Name of Theme]'.
  3. Click a font dropdown menu and select 'Upload a custom font'.
  4. Enter a label for your font, choose the font files, and specify the font styles.
  5. Once all styles are added, click 'Done'.

You can manage your uploaded fonts by editing the theme settings, where you can add more fonts, customize existing ones, or delete them.

Use Custom Fonts in Stylesheets

To use custom fonts in your content through CSS, you'll first need to upload the font files to HubSpot's file manager.

  1. Go to 'Marketing' > 'Files and Templates' > 'Files' and upload your font files.
  2. Copy the URL of each uploaded font file.
  3. Navigate to 'Marketing' > 'Files and Templates' > 'Design Tools' and open your stylesheet.
  4. Add an @font-face rule for each font style at the top of your stylesheet, specifying the font family, source URL, and format.
  5. Apply the custom font using CSS rules.
  6. Publish your changes.
__wf_reserved_inherit

By following these steps, you can enhance your HubSpot content with a wide range of fonts, from default and Google Fonts to unique custom fonts, ensuring your branding remains consistent across all platforms.

Discover how to integrate HubSpot with Salesforce, enrich multi-channel outreach with LinkedIn, and sync HubSpot and Slack for instant alerts to boost your marketing and sales efforts.

Unlock HubSpot Efficiency with Bardeen Automation

While adding fonts to HubSpot can be a manual process, involving steps like integrating Google Fonts or uploading custom fonts, automating your HubSpot tasks can significantly streamline your workflow. Whether you're looking to improve your marketing efficiency or simply save time on repetitive tasks, Bardeen offers powerful automations that work seamlessly with HubSpot.

Here are some examples of how you can automate HubSpot tasks using Bardeen:

  1. Create HubSpot ticket: Automate the creation of support tickets in HubSpot to ensure timely assistance for your customers, improving customer service and efficiency.
  2. Copy all HubSpot tickets to Google Sheets: Streamline your support and sales processes by automatically copying HubSpot tickets into a Google Sheets spreadsheet for easy access and analysis.
  3. Copy all HubSpot products to Google Sheets: Keep your product information organized and up-to-date by syncing all HubSpot product details to a Google Sheets spreadsheet, enhancing your sales prospecting and inventory management.

Start automating your HubSpot tasks today to enhance your productivity and focus on what matters most. Download the Bardeen app at https://www.bardeen.ai/download.

Contents

Automate HubSpot with Bardeen's AI Agent

Bardeen's AI Agent automates repetitive tasks in HubSpot to save you time.

Get Bardeen free
Schedule a demo

Related frequently asked questions

What is a Sales Cycle? Key Stages and Optimization Tips

Learn what a sales cycle is, its key stages, and how to optimize it for your business. Improve your sales process and drive growth with our in-depth guide.

Read more
What Are Forecasting Models? Types, Uses, and Trends

Learn about different forecasting models, their applications in business, and future trends. A comprehensive guide covering types, uses, and evaluation.

Read more
Group Contacts in HubSpot: A Step-by-Step Guide

Learn how to group contacts in HubSpot using custom properties and lists for targeted marketing and efficient CRM organization. Step-by-step guide included.

Read more
Sync Apple Calendar with Notion: A Step-by-Step Guide

Learn how to connect Apple Calendar to Notion using two methods for streamlined scheduling and productivity, despite the lack of direct integration.

Read more
Add Contacts to HubSpot Lists: A Step-by-Step Guide

Learn how to add contacts to static or active lists in HubSpot for effective segmentation and database management. Step-by-step guide for manual and automated methods.

Read more
Prevent HubSpot Emails From Spam: Key Steps

Learn why HubSpot emails go to spam and discover actionable steps to improve email deliverability, including domain authentication and engagement.

Read more
how does bardeen work?

Your proactive teammate — doing the busywork to save you time

Integrate your apps and websites

Use data and events in one app to automate another. Bardeen supports an increasing library of powerful integrations.

Perform tasks & actions

Bardeen completes tasks in apps and websites you use for work, so you don't have to - filling forms, sending messages, or even crafting detailed reports.

Combine it all to create workflows

Workflows are a series of actions triggered by you or a change in a connected app. They automate repetitive tasks you normally perform manually - saving you time.

get bardeen

Don't just connect your apps, automate them.

200,000+ users and counting use Bardeen to eliminate repetitive tasks

Effortless setup
AI powered workflows
Free to use
Reading time
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
By clicking “Accept”, you agree to the storing of cookies. View our Privacy Policy for more information.