If you want to add a font to your Squarespace website, there are two ways to do it. You can either use a third-party service like Google Fonts, or you can upload your own custom fonts.
If you want to use Google Fonts, the process is fairly simple. First, go to the Google Fonts website.
From there, choose the font you want to use and click the “Add to Collection” button.
Once you’ve added the font to your collection, go to the “My Collection” page and click the “Use” button. On the next page, select the styles you want to use and copy the code provided. Finally, paste this code into the Custom CSS section of your Squarespace website.
If you want to upload your own custom fonts, the process is a little bit more complicated. First, you’ll need to find a font that you want to use.
Once you’ve found a font, you’ll need to convert it into both a .woff and .woff2 file format. You can do this using an online converter.
Once you have your .woff2 files, log into your Squarespace account and go to the “Settings” page for your website. From there, click on the “Advanced” tab and then scroll down to the “Files” section. Here, you’ll need to click on the “Upload Files” button and upload both of your .woff files.
After uploading both files, open each one and copy their URLs. Next, go back to the “Advanced” tab and scroll down to the “Code Injection” section. In this section, paste in the following code:
@font-face {
font-family: 'FONT NAME';
src: url('FONT URL 1') format('woff'),
url('FONT URL 2') format('woff2');
font-weight: normal;
font-style: normal;
}
Be sure to replace "FONT NAME" with the name of your font, and "FONT URL 1" and "FONT URL 2" with the URLs of your . Once you've done that, save your changes and your custom fonts should now be working on your Squarespace website!
Adding a font to your Squarespace website is a fairly simple process - whether you're using a third-party service like Google Fonts or uploading your own custom fonts. With just a few clicks (or lines of code), you can add some personality to your website and make it stand out from the crowd!
