Changing Quiz Fonts

You can change the font used throughout your Quizify quiz — including questions, answer options, descriptions, and buttons. Choose from Quizify's built-in font options, upload a custom font file (Pro plan and above), or load a font via CDN and Custom CSS (Growth plan).

Where to Find Font Settings

Font settings are part of the Design settings in Quizify.

Per-quiz font settings (Pro plan and above):

Open the Quizify editor for a quiz
Go to the Design tab
Select the Quiz category (or Intro Page / Result / Thank You Page for fonts specific to those sections)
Find the font settings within the selected category

Global font settings (all plans):

Open Quizify from your Shopify admin
Go to Settings → Design
Find the font settings

On Free and Starter plans, only global font settings are available. On Pro and above, per-quiz font settings override the global settings for that quiz.

Selecting a Font from the Available Options

Quizify includes a selection of commonly used fonts that you can choose from a dropdown or list. To change the font:

Open the font settings for the relevant design category
Select your preferred font from the available options
Save the settings

The new font will be applied across the relevant quiz elements.

Uploading a Custom Font File

Available on: Pro plan and above

If you want to use a font that is not in Quizify's built-in list, you can upload a custom font file directly in the font settings.

Open the font settings for the relevant design category
Find the custom font upload option
Upload your font file (supported formats typically include WOFF and WOFF2)
Save the settings

The uploaded font will be served directly with your quiz — no need to load it separately through your Shopify theme.

Using a Custom Font via CDN and Custom CSS

Available on: Growth plan (Custom CSS required)

Growth plan users can use any font hosted on a CDN — such as Google Fonts or Adobe Fonts — by loading it via the Custom CSS field. This requires two steps: loading the font and applying it.

Go to the Design tab → Custom CSS category
Use a @import rule to load the font from its CDN URL, then apply it using CSS — for example:

@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

.quizify-quiz * {
  font-family: 'Lato', sans-serif !important;
}

Save the settings

Replace the @import URL with the embed URL from your font provider, and replace the selector and font family name to match your font. Use browser developer tools to identify the correct selectors for specific quiz elements if you want to apply the font more precisely.

Custom CSS is available on the Growth plan and above. See Adding Custom CSS to Your Quiz for more on using the Custom CSS field.

Font Weight Options

Depending on the element, you may be able to set the font weight — for example, Regular, Medium, or Bold — in addition to the font family. This allows you to use a lighter weight for answer descriptions and a heavier weight for question text if needed.

Check the font settings for each element to see whether weight options are available.

Does the Font Setting Apply to the Result Page?

Yes. Font settings apply to the entire quiz experience. The Design tab has separate categories for the Quiz pages and the Result page, so you can set fonts independently for each section if needed.

Frequently asked questions

Can I set different fonts for different parts of the quiz?

Yes. The Design tab is organised into categories — Intro Page, Quiz, Result, and Thank You Page. Each category has its own font settings, so you can set fonts independently for each section of the quiz experience.

Can I upload my own font file?

Yes, on the Pro plan and above. The font settings include a custom font upload option where you can upload a WOFF or WOFF2 file. The font is served directly with your quiz.

Can I use a Google Font in Quizify?

It depends on your plan. On Pro and above, upload a font file directly. On Growth, you can load a Google Font via its CDN @import URL in the Custom CSS field and apply it using CSS. The Custom CSS approach requires familiarity with CSS.

Does the font setting apply to the result page?

Yes. The Result category in the Design tab contains font settings specifically for the result page. Font settings apply to the full quiz experience, including all result page types.

How do I change the font in my quiz?

Open the Design tab in the Quizify editor (Pro plan) or go to Settings → Design for global settings. Find the font settings in the relevant category, select a built-in font or upload a custom font file, and save.