Use Typekit with HubSpot

Last updated: September 14, 2018

Applies to:

Marketing Hub  Professional, Enterprise
Legacy Marketing Hub Basic
Adobe Typekit is a subscription font library that gives you access to a variety of fonts for your website. Follow these instructions to use Typekit with HubSpot:

  • Enter your domain followed by a comma, then add Adding this domain will allow Typekit fonts to render in your design manager preview. If you are planning to use this font on any additional domains connected in HubSpot, add those domains here as well.
  • Click Save Settings.

  • Click Publish

  • Click Embed Code
  • Copy the embed code.

  • If you want to apply the Typekit script to your entire HubSpot-hosted site, navigate to your settings. In your HubSpot account, click the settings icon settings in the main navigation bar. In the left sidebar menu, navigate to Website > Pages. Scroll down to Site header HTML. Then paste the script towards the top of the Site Header HTML field. Click Save.
  • If you only want to add the script to a specific template layout in HubSpot, navigate to your design manager. In your HubSpot account, navigate to Marketing > Files and Templates > Design Tools. Open the template that you would like to edit, then paste the embed code in the Additional <head> markup field in the inspector. Click Publish changes to take your changes live.
  • Finally, update your HubSpot stylesheet to reference the font-family that is specified in Typekit.