1. Knowledge Base
  2. Design
  3. Custom fonts & Adobe Typekit

How to implement Adobe TypeKit Fonts

To be able to integrate an Adobe Font, you'll need an Adobe Typekit account.

As soon as you have one, you can sign in on your account and look for an appropriate font to use on a website. In the search bar on top of the screen, you can browse through different fonts. When you have found a good font, Click the Use Fonts button.

 

Go to the page of the font you want to use in your Sitemanager Project.
You can find all Adobe Fonts here: https://fonts.adobe.com/ 

In this example we'll use the font Proxima Nova.

Typekit1

Add font to your Web Project

Select an existing project or create a new project and select which font styles you would like to include in the project. Once you've selected all your fonts press Create.

Typekit2

 

After adding your font(s) to your Project go to Edit Project to retrieve the Typekit ID.

Typekit3

Retrieving your Typekit ID

To use your font inside a Sitemanager Project, we need 2 things:

  • Typekit ID

  • Font name (case sensitive)

Typekit4

In the Project overview (image above) you are able to change your font styles further.
Here we also find our Typekit ID (Project ID) and the font name Proxima Nova.