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

How Do I Change the Markdown Font in Squarespace?

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

There are two ways to change the font in Squarespace. You can either use the Fonts drop-down menu in the Style Editor, or you can add CSS code to your site.

To change the font using the Fonts drop-down menu, follow these steps:

    1. In the Home Menu, click Design, and then click Style Editor.

    2. In the Stylesheet section, click Fonts.

    3. Select a new font from the drop-down menu.

    4. Click Apply to Preview.

    5. To save your changes, click Save & Close.

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

    1. In the Stylesheet section, click Edit CSS/HTML (on desktop) or Code Injection (on mobile).

    2. Paste your CSS code into the box that appears.

    p {
    font-family: 'newfont', sans-serif; 
    /* Replace newfont with the name of your chosen font */
    }

    3. Click Save & Close.

PRO TIP: If you are not careful when changing the markdown font in Squarespace, you could end up with some unwanted changes to your site's appearance. Be sure to back up your site before making any changes, and if you're not comfortable with code, it's probably best to leave this task to someone who is.

You can also use HTML tags to style text on your Squarespace website. To do this, follow these steps:

1. Paste your HTML code into the box that appears.

<b> /* Replace newfont with the name of your chosen font */</b>

<p style="font-family:'newfont', sans-serif;">
This is some text</p> 
/* Replace newfont with the name of your chosen font */

<b>This is some bold text</b>

<u>This is some underlined text</u>

<p style="font-size:16px;">
This is some larger text</p> 
/* You can also change the font size using HTML tags */

<p style="color:#ff0000;">
This is some red text</p> 
/* You can also change the color of your text using HTML tags */
</p>
Kathy McFarland

Kathy McFarland

Devops woman in trade, tech explorer and problem navigator.