How to Connect Adobe Fonts
Adobe Fonts is a font library from Adobe. It is usually available if you have an Adobe Creative Cloud subscription.
Let's look at an example of connecting the Atkinson Hyperlegible Next font. Let's go to the Adobe Fonts service page and sign up.
Adobe Fonts homepage with the search bar, navigation menu, and font collections.
On the Adobe Fonts website: the "Sign in or create an account" pop-up window with sign-in options and the "Email address" field.
Type the font you are looking for in the search box.
On the Adobe Fonts website: searching for a font family using the search bar at the top of the page.
Click "Add to Web Project" to add the font to an existing or new project.
If the add to web project button is not available on the font page, the font is paid and needs to be purchased separately.
In Adobe Fonts: the "Add to Web Project" button at the top right of the font family page and the "</>" icon to add an individual font style.
After adding fonts to the project, go to the project settings.
On Adobe Fonts: "Edit Project" button in the pop-up window.
You can see the Project ID and the selected font family name inside your project.
On Adobe Fonts in the web project settings: the "Project ID" value and the font family name in the font details.
If the selected font has language options, check "All Characters": all glyphs in the font files are activated, including all supported languages for that font family; or select manually the languages you plan to use under "Language Subsetting".
Adobe Fonts web project settings: the "Delete Project" button in the lower left corner.
Go back to Tilda. Navigate to Site Settings → Fonts → Custom settings → Adobe Fonts. Specify the Project ID and enter the font name for the heading and for the body text exactly as it is named in Adobe Fonts.
In Site Settings > "Fonts", the "Adobe Fonts" tab with the "PROJECT ID", "HEADING FONT", and "BODY TEXT FONT" fields.
Save the changes and publish all pages.
Troubleshooting font issues
Back to Section
Made on
Tilda