Best way to use custom fonts in Square Online without hurting readability?

[shaoor]

Hi everyone,

I’m currently working on the typography for a Square Online store and wanted to hear how others are handling custom fonts.

I know Square Online allows custom font uploads through the site design settings, but I’m trying to find the best balance between branding and readability, especially for headings, product titles, buttons, and mobile screens.

My current thought is to use a more distinctive cursive font generator for headings and keep body text simple and easy to read. Before finalizing a style, I sometimes compare different text treatments with tools like Şekilli Nick just to get a quick feel for different visual directions, then use proper web fonts in the actual store.

For anyone using custom fonts in Square Online:

• Do you use one font across the whole store or separate heading/body fonts?
• Have you noticed any sections where custom fonts don’t apply consistently?
• What has worked best for readability on mobile?

I’d be interested to see how other store owners are handling this.

[kacey_k]

I’m definitely on team two fonts rather than using one across the entire site. 😊 I think a distinctive font can look great for headings and branding, but I’d keep body text, product descriptions, pricing, and especially buttons very clean and easy to read.

I’d also be careful with cursive fonts on mobile. Something that looks beautiful on desktop can get hard to read really quickly once it’s scaled down. I’d probably reserve cursive for larger headings or short phrases rather than product titles or anything customers need to scan quickly.

My biggest test would honestly be viewing the site on your phone before publishing. Check product pages, navigation, buttons and checkout and make sure you can read everything without having to work for it.

Branding gets their attention, but readability gets them through checkout. 😉

I’d love to hear what combinations everyone else is using too!