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

How Do I Change the Navigation Font in Squarespace?

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

There are many ways to change the navigation font in Squarespace. One way is to use the Fonts panel in the Design Editor.

To access the Fonts panel, go to Design → Customize → Fonts. From here, you can change the font for your navigation by selecting it from the drop-down menu under “Site Title & Navigation.”

If you want more control over your navigation font, you can use CSS. To do this, go to Design → Customize → Advanced → Code Injection. In the “Head Code” box, paste the following code:

PRO TIP: This article is outdated and no longer applies to Squarespace 7.0. We recommend you refer to our help center for more up-to-date information.

<style>
#header .logo a {
font-family: "Your Font Name Here";
}
</style>

Replace "Your Font Name Here" with the name of the font you want to use for your navigation. If you're not sure what the name of your font is, you can find it by opening up the Fonts panel in the Design Editor (as described above) and looking at the name of the font under "Site Title & Navigation." Once you've added your CSS code, click Save at the bottom of the page.

There are many other ways to style your navigation font in Squarespace. For more information, check out this article from our Knowledge Base: How do I change the navigation font in Squarespace?

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.