Add Custom Fonts From Adobe Fonts
As great as Google Fonts is, sometimes the font you want just isn't there. If you have an Adobe Creative Cloud subscription, you can easily add your fonts to Raisely to use across your campaigns.
Add Your Adobe Web Project 🔗
To get started, navigate to fonts.adobe.com and create a new web project (formerly font kit) with the fonts and styles you want. If you're not sure how to do it, Adobe's written a great tutorial here: https://helpx.adobe.com/fonts/using/add-fonts-website.html
When you've finished, you should have a
<link> tag that looks similar to this:
<link rel="stylesheet" href="https://use.typekit.net/xxxxxxx.css">
Now, navigate to your Raisely campaign and select Settings > Apps & Integrations > Adobe Fonts from the navigation bar on the left.
Note: If you don't see this same list of settings, make sure the Setup Guide toggle in the top right-hand corner is switched OFF
Copy and paste the
xxxxxxx from your newly-created
<link> tag into the Font Kit ID field as shown above, and press Save.
Congratulations! Your Adobe fonts are now ready to be used in your campaign 🎉
Use Your Fonts 🔗
Alright, so you've added the web project to your campaign. How do you use them?
Start by navigating to Design > Fonts from the navigation bar on the left. Select the element you'd like to change, and type the
font-family for your desired font directly into the Font Family field, like so:
Quotation marks and capital letters aren't necessary here-- simply copy/paste the name of your font directly from the Adobe website:
Save your changes and enjoy your new styling!
As always, feel free to contact us if you have any questions 😊