Adding Adobe Fonts

I have an Adobe CC subscription. How do I add Adobe fonts to my Squarespace website or is this no longer supported?

@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.

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
}

But don't you have to upgrade to a more expensive package to use Code Injection please?

On 4/9/2024 at 2:38 PM, DianeEliz said:

But don't you have to upgrade to a more expensive package to use Code Injection please?

 

With #3, you can edit Footer > Add a Markdown Block > Then paste the code