To add a custom font to your Squarespace website, follow these steps:
1. Choose and download your desired font: Find a font that you want to use on your website and download it to your computer. Make sure the font file is in a compatible format, such as .ttf or .otf.
2. Upload the font file to Squarespace: Log in to your Squarespace account and go to the Design section of your website. From there, click on Custom CSS.
3. Add the font to your CSS: In the Custom CSS editor, you’ll need to add a code snippet to import the font. The code should look like this:
@font-face {
font-family: ‘YourFontName’;
src: url(‘path/to/your/font/file.ttf’) format(‘truetype’);
}
Replace ‘YourFontName’ with the name you want to give to your font, and ‘path/to/your/font/file.ttf’ with the actual path to your font file. Make sure the path is correct and the font file is uploaded to your Squarespace account.
4. Apply the font to your website: Once you’ve added the font to your CSS, you can apply it to specific elements on your website. For example, if you want to use the font for all headings, you can add the following code to your CSS:
h1, h2, h3, h4, h5, h6 {
font-family: ‘YourFontName’, sans-serif;
}
Replace ‘YourFontName’ with the name you gave to your font. You can also specify different font styles and sizes as needed.
5. Save and preview your changes: After adding the font and applying it to your desired elements, click Save in the Custom CSS editor. Then, go to your website and refresh the page to see the changes. Make sure the font appears correctly and is applied to the intended elements.
By following these steps, you should be able to add a custom font to your Squarespace website and customize the typography to match your design preferences.
