Step 1: Add font to web project in Adobe
Before you start your journey in the Playable platform, you have to add the fonts you need for your campaign to a Web Project in Adobe Fonts.
click the </> button to add the family to a web project. Read more about creating web projects in Adobe here.
Step 2: Insert embed code in Playable
Once you have created the web project, you’ll be given the embed code to load the fonts into Playable.
The embed link will look similar to the one below:
<link rel="stylesheet" href="https://use.typekit.net/xxxxxxx.css">
Copy the embed code and insert it into the <head> of your account. This is done within Developer > Script.
Step 3: Copy the font face
From here, you'll have to get the font face of the font so that you can use it in the layout of your campaigns.
To access the font face, open the URL within your embed link. The URL looks like this:
https://use.typekit.net/test6lead.css
Copy the font you want to import to the platform, including the import URL, as shown below.
Step 4: Add fonts to the platform
Hereafter, you need to add the font to the platform. You will do this by pasting the fonts under Account Settings > Appearance > Custom font. Click 'add font manually'.
Step 5: Find the font in the font drop-down
Once you have added the font, you will be able to select it from the drop-down in all font settings. It will appear in the 'custom fonts' section.
It is possible to add more than one font to the same Web Project. If you want to add more fonts from the same web project, you don't need to add the embed link again.
When adding new fonts from the same web project, you will only have to repeat steps 4 and 5.