Website Building » Squarespace » How Do I Add More Fonts to Squarespace?

How Do I Add More Fonts to Squarespace?

Last updated on December 23, 2022 @ 9:05 am

You can add more fonts to your Squarespace site by using the Custom CSS feature. To do this, go to Settings > Advanced > Code Injection and paste the following code into the Page Header Code Injection box:

@import url("https://fonts.googleapis.com/css?family=Open+Sans");

Replace “Open Sans” with the name of the font you want to use. You can find a list of all the available Google Fonts here.

Once you’ve added the code, click Save. Now you can use the font in your Squarespace site by adding the following code to the Custom CSS box in your site’s Settings > Advanced > Custom CSS:

.class-name { font-family: 'Open Sans', sans-serif; }

Replace “class-name” with the name of the class you want to use the font on.

PRO TIP: Adding fonts to your Squarespace website can be done through the Custom CSS Editor. However, you should be careful when doing this as it can potentially break your website. If you are not comfortable with CSS, we recommend that you seek help from a professional before adding any fonts to your Squarespace website.

You can also style text in HTML using <p>, <b> and <u> tags where applicable.

Conclusion:

Adding fonts to your Squarespace site is a great way to customize your site and make it stand out from the rest. With a little bit of code, you can add any Google Font to your site and use it on any element.

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.