Website Building » Squarespace » How Do I Change the Font in Squarespace?

How Do I Change the Font in Squarespace?

Last updated on December 11, 2022 @ 2:00 am

There are two ways to change the font in Squarespace. The first way is to use the Style Editor. The second way is to use custom CSS.

To change the font using the Style Editor, follow these steps:

  1. Log in to your Squarespace account and go to the Dashboard.
  2. Click on the “Design” tab.
  3. Click on “Style Editor” from the left-hand sidebar.
  4. Scroll down to the “Typography” section.
  5. Use the drop-down menus to select the desired font for each type of text on your site. For example, you can change the font for titles, subtitles, and body text.
  6. Click “Save & Exit” when you’re done.

To change the font using custom CSS, follow these steps:

  1. Log in to your Squarespace account and go to the Dashboard.
  2. Click on “Advanced” from the left-hand sidebar. This will open up a new page with various CSS options.
  3. “Custom CSS.”. Paste your code into this box. If you want to use multiple fonts, you’ll need to include the @font-face rule in your code. Here’s an example:

.class1 {font-family: 'Font 1', sans-serif;} .class2 {font-family: 'Font 2', sans-serif;}

(Replace “Font 1” and “Font 2” with the names of your chosen fonts. )

PRO TIP: If you are not careful, changing the font in Squarespace can result in your site looking unprofessional and cluttered. Make sure to choose a font that is easy to read and compliments your site’s overall design.

“Important.” This will override any existing styles and ensure that your new font is applied. Save your changes and exit.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.