Jump to content

How to add and embed custom font on Squarespace

Recommended Posts

Trying to add a custom font on Squarespace. By licence, it can be used on my website but it must be embedded. I have the option to manually add via Design- CSS Editor but I want to know if I followed this step (see link below), if it will be embedded on the site and therefore protected?

https://squaremuse.com/blog/how-to-upload-custom-fonts-squarespace

Other option is to follow the instruction the font provider sent to me as per below:

 

1. Upload your Kit

Upload the contents of the Kit to your server. This is typically done using some type of FTP program — the same way that you upload images and other files to your website. Typically it is easiest if you upload all the files and folders to the root folder of your site. You can alternately create a subfolder (or use an existing one) and put the Kit there, put them wherever you want. Be sure to make note of the location you'll need it in step two.

Note: You do not need to upload the StartHere.html file or the Start_here_files folder.

2. Edit your site

Include a reference to the Kit. Locate the XXX.css file in the Kit’s main folder. You should place a reference to this file in the head section of your website’s HTML code. Make sure that the reference appears on all HTML pages of your site.

This will link the webfonts from the Kit to your website. If you uploaded the Kit to the root folder of your site, then you can just copy and paste the code below into your site's head. If you uploaded the Kit to a subfolder, you’ll need to adjust the path to the font files in the XXX.css file.

<!--
/**
* @license...>

 

In point 1 requiring kit upload, where precisely am I able to upload the kit? and where acn I upload the licence details in the head section of my website's HTML code?

 

Any help on this would be greatly appreciated!

Link to comment
  • Replies 2
  • Views 750
  • Created
  • Last Reply

Hi @tuanphan, my client's site is www.saragagliacouture.com.

I am using ss 7.1

I have included the font uploading and adding a code on CSS but I want to know whether the font is embedded and therefore protected. I have also added the licence details on the heading. Hope this is enough to be ok with copyright.

Link to comment

Archived

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.