Where to find font settings in Squarespace
Font changes in Squarespace happen in two places: the Design panel for site-wide fonts, and the text editor for individual text blocks. Most readers want to change how their whole site looks, which means opening the Design panel on the left sidebar, clicking "Typography," and picking a new font family from the dropdown. That one change ripples across your headings, body text, and buttons unless you override it later.
If you want to change only one paragraph, one heading, or one button, select that text directly in the editor and use the text formatting toolbar that appears above it. The font dropdown there overrides your site-wide choice for just that block.
Key Takeaways
- Site-wide fonts live in Design > Typography, where you set separate fonts for headings and body text that explore everywhere unless you override them.
- Individual text blocks can use different fonts if you select the text and pick a new font from the toolbar above the editor.
- Squarespace offers both web-safe fonts and Google Fonts; Google Fonts load from the internet and may slow your page slightly, while web-safe fonts are already on every visitor's computer.
- Font size, weight, and line spacing also live in the Typography panel and affect readability more than the font name itself.
- Changes to the Design panel take effect when ready across your whole site, but you can undo them with the undo button or by reverting to a previous version.
Understanding web-safe fonts versus Google Fonts
Squarespace gives you two categories of fonts. Web-safe fonts are Georgia, Arial, Helvetica, Times New Roman, and a few others that exist on nearly every computer already. They load when ready because your visitor's device already has them. Google Fonts are thousands of other typefaces that Squarespace pulls from Google's servers when someone visits your site. They look more distinctive but add a tiny delay to page load time.
For most sites, the difference in load time is not noticeable. Google Fonts are worth using if the font matters to your brand. If you are building a site where speed is critical — a portfolio where you are competing on performance, or a store where every millisecond of load time affects sales — stick with web-safe fonts or use only one or two Google Fonts instead of five.
How to change fonts in the Design panel
Open your Squarespace editor and click the Design icon on the left sidebar (it looks like a palette). Scroll down to Typography. You will see separate dropdowns for "Heading Font" and "Body Font." Click either one and a list appears. Scroll through the options or type the first letter of the font name to jump to it. Click the font you want.
The change applies to your entire site within seconds. Every heading on every page now uses the new heading font. Every paragraph, list, and button label now uses the new body font. If you hate it, click the undo arrow at the top left or go back to Typography and pick a different font.
Below the font dropdowns, you will also see sliders for "Heading Size," "Body Size," "Line Spacing," and "Letter Spacing." These matter more than the font name for readability. If your text feels cramped, increase line spacing. If it feels too spread out, decrease it. Font size should be at least 16 pixels for body text on desktop to be comfortable to read.
Changing fonts for a single text block
Click anywhere inside the text you want to change. The text editor opens and a toolbar appears above the text. Look for the font dropdown — it usually shows the current font name. Click it and pick a new font from the list. Only that text block changes; the rest of your site stays the same.
You can also change the size, weight (bold, regular, light), and color of individual text from this toolbar. If you select only part of a sentence, the formatting applies only to the selected words. This is useful for making a single word bold or a single heading a different color, but overusing it makes your site look chaotic. Most professional sites keep individual overrides to a minimum.
Font pairing and readability
Picking two fonts that work together matters more than picking the "right" fonts. A common pairing is a distinctive serif font for headings (like Playfair Display or Lora) and a clean sans-serif for body text (like Open Sans or Inter). The contrast helps readers tell headings apart from regular text. Pairing two serif fonts or two sans-serif fonts usually works too, as long as they feel different enough.
Readability also depends on size and spacing. A beautiful font at 12 pixels is harder to read than an ordinary font at 16 pixels. A font with tight line spacing feels cramped even if the typeface itself is elegant. Test your site on a phone and on a desktop. If you squint to read it, your visitors will too.
Reverting to default fonts or starting over
If you have made many font changes and want to start fresh, go to Design > Typography and look for a "Reset" button or link. Clicking it returns all fonts to Squarespace's default choices. You can also undo individual changes by pressing Ctrl+Z (Windows) or Command+Z (Mac) repeatedly, or by clicking the undo arrow at the top of the editor.
If you have changed fonts in individual text blocks and want to remove those overrides, select the text and look for a "Remove Formatting" or "Clear Overrides" option in the toolbar. Not all text blocks have this option; if yours does not, you can delete the text and retype it, which will use your site-wide font choice.
Common font problems and how to fix them
If a font looks different on your phone than on your desktop, that is usually because Squarespace is substituting a different font on mobile to save space. You can control this in Design > Typography by looking for mobile-specific font settings, though not all Squarespace templates offer this level of control. Test on an actual phone, not just the browser's mobile preview, because the preview sometimes lies.
If a Google Font is not loading and your text looks wrong, check your internet connection and refresh the page. If it still does not load, switch to a web-safe font temporarily and contact Squarespace support. If your font looks blurry or pixelated, you may have set the size too small or the weight too light. Try increasing the size by 2 pixels or changing the weight from Light to Regular.
Frequently Asked Questions
Can I use custom fonts I have purchased or designed myself?
Squarespace does not support uploading your own font files directly. You can use any font available in the Squarespace font library, which includes thousands of Google Fonts and web-safe options. If you have a custom font you own, you would need to upgrade to a higher Squarespace plan or use a different website builder that supports font uploads.
Do font changes affect my search engine rankings?
No. Search engines care about your words and your site structure, not which typeface displays them. Changing fonts will not help or hurt your search visibility. Font choice matters only for how your human visitors experience your site.
Why does my font look different on mobile than on desktop?
Squarespace sometimes substitutes fonts on mobile devices to improve load speed and readability on small screens. You can test this by viewing your site on an actual phone. If the substitution bothers you, check Design > Typography for mobile font settings, though availability depends on your template.
Can I change fonts for just one page on my site?
Not through the Design panel — that always affects your whole site. To use different fonts on one page, you would need to change fonts in individual text blocks on that page only, or use a template that lets you create custom page styles. Most Squarespace users just change site-wide fonts and accept that consistency across pages.
What happens to my fonts if I switch Squarespace templates?
Your site-wide font choices usually carry over, but individual text block overrides may not. Test your site thoroughly after switching templates. If fonts look wrong, go back to Design > Typography and adjust them for the new template's layout.