Studio gives every text element a font picker backed by Google Fonts, plus the option to upload your own font file when you need an exact brand match.
Using the Google Fonts picker#
Select a text element, open Properties → Typography, and use the Font field. It's an autocomplete: type to search, and each result previews live in its own typeface as you scroll the list. Studio ships with roughly 250 popular Google Fonts built in, always available with no setup required — an optional extended catalog beyond that base list can be unlocked separately, but the built-in set covers the vast majority of everyday needs.
Uploading a custom font#
If your brand uses a font that isn't on Google Fonts, upload it directly:
- Select a text element and open Properties → Typography.
- Click the small upload icon next to the Font field.
- Choose a .ttf or .otf file from your computer (other formats aren't supported). Keep it under 5 MB.
- Studio reads the font's name, weight, and style from the file automatically and applies it to the selected element.
If you upload a font with the same family, weight, and style as one you've already added, Studio asks whether you want to replace it.
Uploaded fonts are stored on the template and appear in their own Custom Fonts group at the top of the Font picker, so you (and anyone else editing the template) can reuse them on other text elements without re-uploading.
Next steps#
- Elements — the rest of what you can do with a text element
- Placeholders — bind text content to product data