Insert a custom font

Hi everybody !

After inserted a custom font on a website, the system inserts automatically a CSS code, but with the warning "Syntax Error on line 1". How to solve this ?

And how to activate the new font in the website ?

To use custom font, add this to Home > Design > Custom CSS

@font-face {
	font-family: fontName;
	src: url(paste the file font url you just uploaded here);
}
h1, h2, h3, h4, h5, h6 {
	font-family: fontName;
}

replace h1, h2... with the elmement which you want to apply custom font.

Thank you very much tuanphan !

About the elements that have to use the new font, I have inserted this: 

h1, h2, h3, h4, h5, h6, a, p, div, span

The only thing I didn't include yet are: buttons and contact forms. I tried many names, but unsuccessfully.

How to include those too ?

button: .sqs-button-block-element

Contact form: which elements in contact form?

Hi tuanphan !

In the contact form there are these blocks:

• Text
• Email
• Number
• Text area
• Checkbox

On 8/24/2020 at 4:17 PM, FabioITA said:

Hi tuanphan !

In the contact form there are these blocks:

• Text
• Email
• Number
• Text area
• Checkbox

Sorry for the delay. Do you still need help on this?

On 8/30/2020 at 11:48 AM, tuanphan said:

Sorry for the delay. Do you still need help on this?

Yes please ! Do you know how to do that ?

In the contact form there are these blocks:

• Text
• Email
• Number
• Text area
• Select (that function who creates a list in which the user has to select one of the items inserted)
• Checkbox

Even how to change font in a HTML code block

On 9/9/2020 at 3:20 PM, FabioITA said:

Even how to change font in a HTML code block

Can you share link to page where you use contact form? We can check easier.

Now the website is not published

I have solved this issue. Maybe these two sources can be helpful:

https://katescott.co/blog/customize-squarespace-form-css

https://www.eleanorstones.co.uk/blog-posts/customise-squarespace-contact-form-brand-css