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

Published
March 31, 2024
LAST UPDATED
March 31, 2024
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.

Jason Gong

Jason is the Head of Growth at Bardeen. As a previous YC founder and early growth hire at Kite and Affirm, he is an expert on scaling high-leverage sales, marketing, and GTM tactics across multiple channels with automation. The same type of automation Bardeen is now innovating with AI. He lives in Oakland with his family and enjoys hikes, tennis, golf, and anything that can tire out his dog Orca.

Contents

Automate repetitive browser tasks with AI

Bardeen is the most popular Chrome Extension to automate your apps. Trusted by over 200k users.

Get started with Bardeen
Schedule a demo

Related frequently asked questions

Transpose Data in Google Sheets: A Step-by-Step Guide

Learn to transpose rows into columns in Google Sheets using the TRANSPOSE function or Paste Special, enhancing data analysis and presentation.

Read more
Understanding Static Lists in HubSpot: A Guide

Learn what a static list in HubSpot is, how to create one, and its uses for one-time email campaigns, event lists, and specific segmentations.

Read more
Integrate HubSpot Forms with WordPress Elementor: A Step-by-Step Guide

Learn to integrate HubSpot forms with WordPress Elementor using Shortcode or HTML widgets, enhancing lead capture on your site.

Read more
How to Delete LinkedIn Comments: A Simple Guide

Learn how to delete LinkedIn comments efficiently. Master comment moderation and improve your LinkedIn presence with this simple guide.

Read more
Easy Google Sheets Time Zone Conversion Guide in 5 Steps

Learn how to convert time zones in Google Sheets using calculations, custom scripts, or formulas, including daylight saving adjustments.

Read more
How to Add Consulting Product to HubSpot: Step-by-Step

Learn how to add and manage consulting services in HubSpot. Follow our step-by-step guide to streamline your sales process and track performance effectively.

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.