
- FONT KIT ADOBE HOW TO
- FONT KIT ADOBE CODE
Click the Done button in the bottom right corner of the dialog box. FONT KIT ADOBE CODE
Paste the code you copied from the Adobe website into the blank field:
Enter Adobe Font in the Stylesheet Name field. Click the Stylesheets button in the bottom left corner of the page. Click the Edit button next to the variant you’d like to change to enter the Unbounce Builder. In a new browser window, navigate to the Page Overview screen of the landing page where you’d like to add your Adobe font. Step 2: Add the Adobe Font Embed Code to Your Landing Page The link tag will provide the font source code required for it to show on your Unbounce page. We will use this code snippet (also known as a link tag) and paste it into the Unbounce Classic Builder. From the pop-up that appears next, copy the embed code provided, as you will need it to add your Adobe font to your landing page:. Select Create or Save once you are finished. In the pop-up display, select the font weights and styles you would like to use, and add them to a new or existing web project:. Click Add to Web Project at the top of the page to add the font family to a web project. Click on your chosen font to open the family page and see all of the font weights and styles that are available to use. Once you are in your account, you can sort through the font library using the filters on the left-hand side of the page. Navigate to the Adobe Fonts website and sign in to your Adobe Creative Cloud account. FONT KIT ADOBE HOW TO
Once you’ve followed the instructions on choosing fonts to use and to set up web projects on the Adobe Website, the steps below will detail how to add the javascript for your specific web project to your landing page:
An Unbounce account with a landing page where you’d like to apply your new fonts.Īdobe has excellent instructions on choosing custom fonts to use on your website in their documentation, but we’ve included the first few steps below to help get you started. Custom fonts selected from the Adobe Fonts library. Step 4: Apply the Font to Your Headings, Button(s), or Entire Landing page What You’ll Need: Are you a beginner or have minimal stylesheet experience? You can easily access a library of hundreds of Google fonts from directly within the Unbounce Builder without using any unique code! Check out our Google Fonts documentation for more information.Īdding Adobe Fonts to your landing page takes three separate steps: