Add Custom Fonts from Adobe Fonts to SharePoint Site

IMPORTANT The Adobe Fonts (formerly Adobe Typekit) functionality is currently not working. However, you can still manually add Adobe Fonts using this workaround.

This article will demonstrate how to add Adobe Fonts (formerly known as Adobe Typekit) to your SharePoint site using ShortPoint Theme Builder.

TABLE OF CONTENTS

• Prerequisite
• Step-by-step Tutorial
  • Step 1: Select and Add Your Fonts to Kit
  • Step 2: Copy The Script Links from Embed Code
  • Step 3: Add New Fonts to your SharePoint site
  • Step 4: Use the new Fonts to brand your SharePoint Sites

Prerequisite

• You must have the latest version of ShortPoint SPFx installed on your SharePoint environment.
• You must be a ShortPoint Designer with an active license.

Step-by-step Tutorial

Step 1: Select and Add Your Fonts to Kit

1. Go to Adobe Fonts Website.
2. Search for your desired web font.
3. Then, you have to create a new project.

To know more about how to create a new project, read the following article from Adobe: Add fonts to your website.

Step 2: Copy The Script Links from Embed Code

1. Navigate to your Typekit Kits.
2. Click on the Kit you would like to use:

Click on Embed Code:

Copy the Default embed code:

Step 3: Add New Fonts to your SharePoint site

1. Open ShortPoint Theme Builder: Site Settings - ShortPoint Dashboard - Site Customization - Customize my site.
2. ShortPoint ThemeBuilder will be activated.
3. Go to Utilities - Custom Fonts - TypeKit.
4. Paste the Default embed code in the field.
5. Click Apply.

That's it! The new fonts from your Adobe Typekit will appear automatically in Fonts & Typography section in ShortPoint Theme Builder.

Step 4: Use the new Fonts to brand your SharePoint Sites

1. Go to Fonts & Typography section in ShortPoint branding tool.
2. Then navigate to any font settings, for example, Base where you can change the default font for the whole site.
3. You will find your new fonts in the fonts list under Custom Fonts category:

That's it :) Happy with your work? Just hit the Publish button.

Related articles:

• Add Custom Fonts from Google Fonts to a SharePoint Site with ShortPoint Theme Builder
• Add Custom Fonts from Fonts.com to SharePoint Site
• Adding Custom Fonts to SharePoint Sites Manually Using ShortPoint Theme Builder