Home>Online store

Choose fonts for your Square Online site

Who is this article for?
  • Sellers with online permissions. Set permissions in Square Dashboard.
  • Square Online subscribers.
  • About selecting fonts

    Our design tools help simplify the task of choosing fonts for your website in the Square Online site editor. Each of the curated typefaces are designed to look great together and ensure that your text is reader-friendly on any screen. Fonts can be customized for:

    • Headlines: Used in banners. Headlines are always the primary font.

    • Titles: Used as titles or taglines in most sections.

    • Paragraphs: Used wherever there are descriptions or text you add to your sections. Paragraphs are always the secondary font.

    • Labels: Used as subtitles and in commerce components.

    Square-Online-Site-Design-Fonts-EN

    Before you begin

    • You can edit your site fonts from your Square Dashboard.

    • You can upload a custom font with a Square Online Plus or Premium subscription. Accepted font file types are WOFF, WOFF2, OTF, and TTF. Each file can be up to 10MB.

    • Text colors are applied to both your website and checkout page, but the font is only applied to your website (and not your checkout page) for legibility purposes.

    • 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, but you can also make granular font adjustments per section as needed.

    Customize your site fonts

    1. Sign in to your Square Dashboard and go to Sales channels > Online > Website > Edit site.

    2. Click Site design and select Fonts.

    3. Choose a font pairing (your primary and secondary font) from the dropdown menu.

    4. Choose a base font size and type scale by sliding the scales.

    5. Choose your global font styles for Headlines, Titles, Paragraphs, and Labels. Click Done.

    6. Publish your site to see the changes live.

    Upload a custom font

    1. Sign in to your Square Dashboard and go to Sales channels > Online > Website > Edit site.

    2. Click Site design and select Fonts.

    3. Slect Add or manage custom fonts and upload your font file.

    4. Click Done.

    Related articles