Jump to content

Adding Adobe Fonts

Recommended Posts

@arielestulin You still can! 😊

1. Go to https://fonts.adobe.com and find the font you want. 

2. Click on </> icon. It will ask you to add it to a project -- create one for your website. 

3. Adobe will give you 2 pieces of code. The first you need to put in your site's header. You can find this by going to Website > Website Tools > Code Injection

4. You'll also receive something that looks like the below. You'll use this to specify what text you want on your site to be the Adobe font you selected.

Screenshot2024-02-12at12_47_24PM.png.6984124b8322ba5911dc7741df5ef8a8.png

 

 

 

 

Go to Website > Website Tools > CSS and add:

@font-face {
copy / paste all the provided css font here
}

Then specific what text you want in that font. For example, if you wanted all h2 headers to be transformed, add:

h2{
copy / paste the font-family line here
}


If you want it to be all headers, it would look like:

h1, h2, h3, h4{
copy / paste the font-family line here
}


For all paragraph text, do:

p{
copy / paste the font-family line here
}

Did I help? Click 👍 or mark it as the solution! This helps others find the answers they need. 

Meghan | Westerly Creative Studio
  
 🍪  Still need your website policies?
Termageddon makes it easy.  
Get 10% off your first year! (< affiliate link) 

Link to comment
  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.