Jump to content

Insert a custom font

Recommended Posts

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 ?

Link to comment
  • Replies 10
  • Views 631
  • Created
  • Last Reply

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.

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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 ?

Link to comment
  • 2 weeks later...
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
Link to comment


This topic is now archived and is closed to further replies.

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