Skip to main content
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):
  1. Open the Quizify editor for a quiz
  2. Go to the Design tab
  3. Select the Quiz category (or Intro Page / Result / Thank You Page for fonts specific to those sections)
  4. Find the font settings within the selected category
Global font settings (all plans):
  1. Open Quizify from your Shopify admin
  2. Go to Settings → Design
  3. 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:
  1. Open the font settings for the relevant design category
  2. Select your preferred font from the available options
  3. 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.
  1. Open the font settings for the relevant design category
  2. Find the custom font upload option
  3. Upload your font file (supported formats typically include WOFF and WOFF2)
  4. 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.
  1. Go to the Design tab → Custom CSS category
  2. Use a @import rule to load the font from its CDN URL, then apply it using CSS — for example:
  1. 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.