Custom fonts

Upload your own font files and use them in the widget and in the live preview.

Upload a font file once, and it becomes available anywhere the app lets you select a font: the widget's typography, the Personalizer's text layers, and the Font picker option type.

Uploading your own fonts makes the preview accurate. If your engraving machine uses a particular typeface, uploading that typeface means the customer sees what they actually receive.

Where it is

Settings > Settings > General > Custom fonts.

Custom fonts, in the General section of Settings.

Steps

1

Get the font file

You need the font file itself, and the right to use it commercially. Font licensing applies to a website in the same way as to printed material.

2

Upload it

The upload area accepts .woff2, .woff, .ttf, and .otf. Any other format is rejected with a message.

3

Give it a name

The Font name you enter is how the font appears in every font picker in the app. Use the real font name rather than something like font1.

4

Select Upload font

5

Use it

The font now appears wherever you select a font:

• Settings > Design > Typography, to set a text style to a custom font

• An option's Personalizer tab, where you set Font family to Custom and then select the font

• A Font picker option's Custom fonts list, to offer the font to customers

6

Test the characters you need

Uploading and testing is the only reliable check. Try accented letters, apostrophes, and digits, because display and script fonts often omit some characters.

Accepted formats

Format	Notes
.woff2	The best choice where you have it. Smallest, so pages load faster
.woff	Also web-optimized
.ttf	Common desktop format. Works, but larger than the web formats
.otf	The same

Upload .woff2 where you have it. A desktop .ttf or .otf also works, but the file is larger.

When to use a custom font

Use	Why
The Personalizer, matching your production font	The customer's preview is then genuinely accurate. This is the strongest reason to use custom fonts at all
A Font picker offering your real engraving fonts	Customers choose from what you can actually cut
Widget typography matching a brand font	Where your theme uses a font the app's list does not have

Practical advice

Do	Avoid
Upload only the fonts you use	A library of twenty fonts, most of them unused. Each one in a Font picker is loaded when previewing
Upload the specific weight you need	Relying on the bold or italic setting. Many fonts have no real bold or italic cut, and the result looks distorted
Name them recognizably	Names like final-2 that mean nothing in six months
Check licensing for web use	Assuming a desktop license covers your storefront
Test with real customer names	Testing with the word "test", which uses four very ordinary characters

Notes

• Custom fonts may not be available on all plans. See Compare plans.

• Uploaded fonts are stored with your store's files.

• A custom font used in the Personalizer is loaded when the product page opens, so keep the file as small as the format allows.

• The date picker's calendar language is a separate setting. See Date and time picker.