App Tutorial

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

Jason Gong
App automation expert
Apps used
April 15, 2024

To add fonts to HubSpot, you can use default fonts, integrate Google Fonts, or upload custom fonts, depending on your needs and the type of content. This process enhances your content's appearance and ensures brand consistency.

Understanding these methods allows for a tailored and cohesive branding experience across your HubSpot content.

Streamline your HubSpot tasks and enhance productivity by automating with Bardeen.

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!

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 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.

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.

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

Other answers for HubSpot

How to Add HubSpot Certification to LinkedIn

Learn how to manually add your HubSpot certification to LinkedIn by updating the Licenses & Certifications section, showcasing your achievements.

Read more
Log LinkedIn Messages in HubSpot

Learn how to log LinkedIn messages in HubSpot using third-party tools like Hublead for improved CRM efficiency and sales processes.

Read more
How to Create an Email Sequence in HubSpot

Learn how to create a HubSpot email sequence with this step-by-step guide, including setup, adding emails, tasks, and utilizing templates for marketing success.

Read more
Understanding Lead Conversion in HubSpot

Learn how to measure lead to customer conversion in HubSpot using conversion rates, CRM tracking, and custom reports for effective sales and marketing strategies.

Read more
Comprehensive Guide to Linking HubSpot to LinkedIn

Learn how to link HubSpot to LinkedIn, including Sales Navigator, to enhance CRM capabilities, streamline lead management, and optimize sales strategies.

Read more
Integrating LinkedIn with HubSpot

Learn how to integrate LinkedIn Sales Navigator with HubSpot for enhanced CRM capabilities, including step-by-step instructions for a seamless setup.

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.