COS-General

How do I use Typekit with HubSpot?

Last updated: May 31, 2018

Applies to:

Marketing Hub: Basic, Pro, Enterprise
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 preview.hs-sites.com. 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.

  • Publish the kit, by clicking 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. On the left, click Marketing Web pages, then scroll down to Site header HTML. Then paste the script towards the top of the Site Header HTML field. Then click Save.
  • If you only want to add the script to a specific template layout, log in to HubSpot and navigate to your design manager.In your HubSpot Marketing Hub Basic, Professional, or Enterprise 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. 

Was this article helpful?

If you still need help you can get answers from the , or to contact support.