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

How Do I Change the Font in CSS Squarespace?

Last updated on December 28, 2022 @ 8:10 pm

There are many ways to change the font in CSS Squarespace. The most common method is to use the “font-family” property.

This property allows you to specify the font you want to use for a given element. For example, if you wanted to use the “Helvetica” font for all of your paragraphs, you would use the following CSS:

p {
  font-family: Helvetica;
}

You can also specify multiple fonts for a given element. This is useful if you want to have a fallback font in case the first font you specify isn't available on a particular user's computer. For example, the following CSS would first try to use the "Helvetica" font, but if that's not available it would use the "Arial" font instead:

PRO TIP: Please be aware that changing the font in CSS Squarespace can be a difficult and time-consuming task. If you are not experienced in CSS, we recommend that you seek professional help before attempting to make any changes.

p {
  font-family: Helvetica, Arial;
}

If you want to change the size of your text, you can use the "font-size" property. For example, if you wanted all of your paragraphs to be 20px tall, you would use the following CSS:

p {
  font-size: 20px;
}

You can also use the "font-weight" property to make your text bold or italic. For example, if you wanted all of your paragraphs to be bold, you would use the following CSS:

p {
  font-weight: bold;
}
Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.