Fonts FAQs

How do I change my store’s font in Shopify?

To update your store’s default fonts via the Shopify theme settings:

Step 1: Go to Shopify Admin > Online Store > Themes and click on the Customize button to enter the theme editor.

Step 2: Click on Theme settings at the bottom left corner of the editor. Next, click on Typography in the settings item list on the right sidebar.

Step 3: You can view and change the font as well as the font size for Headings and buttons or Body text.

Click on the “Change” button of the chosen section to select your new font.

In the Select font panel, scroll down to browse fonts or quickly search for the one you need.

To change the font size, click the blue bar and adjust to your preferred size.

Step 4: Hit “Select” and “Save” when you are done.

To change the font of a single element on your page, please follow the guide in this article.

How can I check which font is currently used on my site?

There are three common methods to identify the fonts used on your store:

Method #1: Check the current font in use by your theme

Follow the steps in the previous section to check which font you are using in the Shopify theme editor.

Method #2: Inspect Font from the Live Site

Step 1: Open the page you would like to check the font.

Step 2: Hit the F12 key on your keyboard, or right-click on the page and select “Inspect”

Step 3: Click the small cursor icon in the upper right corner of the inspect panel, or hold down CTRL + SHIFT + C, to start inspecting a specific element.

Step 4: Hover your mouse over the text you need to check, you will see the font name along with the size in the small popup window.

To exit the Inspect panel, hit the F12 key again or click the “X” icon on the far upper right corner.

Method #3: Use a Font-Detection Extension

There are many free extensions that will detect the font for you. If you’re using the Chrome browser, we’d recommend WhatFont and Font Finder.

How do I upload and use a custom font?

If you have a licensed or branded custom font you’d like to use:

1. Prepare the font files (.woff, .woff2, or .ttf formats are preferred).
2. Follow the steps in our Custom Font Guide to upload and apply it to your pages built with GemPages.