Fonts

Last updated: March 18, 2025

Fonts are an important part of any store design, providing legibility and style for your Shopify pages. In Replo, you have access to three main types of fonts:

  1. Theme Fonts - Any extant fonts found on your theme

  2. Google Fonts - The full corpus of Google Fonts at your fingertips

  3. Custom Fonts - Fonts you can upload directly in the Replo editor and use

Theme Fonts

Replo automatically pulls in most fonts from your theme for you to use right away. The only fonts from your theme that are NOT available for use in Replo are those loaded via JavaScript, typically from third-party apps like Klaviyo. It is recommended to use fonts loaded through CSS or HTML for full compatibility in Replo.

Setting Fonts on Containers, or the Entire Page

In Replo, all fonts are available to be set on any Text component, as well as on any container on any page.

To set a font on an entire container or the whole page in Replo:

  1. Select the container you want to set the font on, including the main Page container

  2. On the right side of the editor, find "Font" and click to select the font you want.

  3. When setting a font on a container, that font will apply to all text components in the container, unless each text component has a different font set on it.

Troubleshooting Fonts

Generally, any font that is available in the font dropdown list should appear correctly on the Canvas view within Replo, in Replo's various preview modes, and on any live published pages. If this is not the case, please contact Replo support so we can ensure we document these cases.