Website Building » Squarespace » How Do I Mix Fonts in Squarespace?

How Do I Mix Fonts in Squarespace?

Last updated on December 23, 2022 @ 7:16 am

There are a few different ways that you can mix fonts in Squarespace. One way is to use the Styles drop-down menu in the Text editor. You can also use the HTML editor to style text using the <p>, <b> and <u> tags.

To mix fonts using the Styles drop-down menu, first select the text that you want to style. Then, click on the Styles drop-down menu and select the font that you want to use.

You can also style text using the HTML editor. To do this, first select the text that you want to style. Then, click on the HTML button in the Text editor.

This will open up the HTML editor where you can add tags to style your text. To make text bold, you would add the <b> tag around the text that you want to make bold. For example, if I wanted to make the word “mix” bold, I would add the following code:

<b>Mix</b>
To make text italic, you would add the <i> tag around the text that you want to make italic. For example, if I wanted to make the word “fonts” italic, I would add the following code:

<i>Fonts</i>

PRO TIP: If you are not careful, mixing fonts in Squarespace can create a chaotic and unprofessional looking website. Stick to two or three fonts at most, and make sure they complement each other well. Avoid using more than one script font, and limit the use of decorative fonts to headlines or short blocks of text.

To make text underlined, you would add the <u> tag around the text that you want to make underlined. For example, if I wanted to make the word “in” underlined, I would add the following code:

<u>In</u>
You can also combine these tags to style your text how you want it. For example, if I wanted to make the word “Squarespace” bold and underlined, I would add the following code:

<b><u>Squarespace</u></b>

Dale Leydon

Dale Leydon

Sysadmin turned Javascript developer. Owner of 20+ apps graveyard, and a couple of successful ones.