Choose fonts for your Square Online site
About selecting fonts
Text is one of the most important forms of content on a website. When you have a font style that suits your brand, you can start by adding any number of sections to your Square Online site and customizing your text to fit your purpose. Options include plain text, scrolling text, text with images, and more.
Font styles include:
Headlines — Used in banners. These are always the primary font.
Titles — Used as titles or taglines in most sections.
Paragraphs — Used wherever there are descriptions or text you put on your site pages. Paragraphs are always the secondary font.
Labels — Used as subtitles and in commerce components.
When customizing your fonts, you can choose a pair of fonts to use for your Headlines (primary font) and paragraphs (secondary font).
With global font styles, you can choose the fonts for all of your Headline, Title, Label, and Paragraph font styles. These changes affect all text on your site. The Weight option changes how bold the text appears. You can also adjust the Line height and Letter spacing.
Before you begin
You can edit your font from your Square Dashboard. Uploading custom fonts requires Square Online Plus or Premium.
Use base font size to change the size of all font styles on the site. There are predefined type scales that have a range of sizes for all your font styles. Moving the scale changes the ratio between headline and paragraph font sizes.
Text colors are applied to your website and checkout page, but the font is only applied to your site (not checkout) for legibility purposes.
Edit your site fonts
Sign in to your Square Dashboard and go to Sales channels > Online > Website > Site design.
Select Fonts.
Choose a type scale and base font size by adjusting the scales as needed.
Choose your global font styles for Headlines, Titles, Paragraphs, and Labels, as needed.
Select Done and Publish your site to see the changes live.
Upload a custom font
Sign in to your Square Dashboard and go to Sales channels > Online > Website > Site design.
Select Fonts.
In the pop-up window, upload your font file. Accepted file types are WOFF, WOFF2, OTF, and TTF font file types. Each file can be up to 10MB.
Select Done and Publish your site to see the changes live.