Change the font

You can use one of the 35 hand-selected fonts, Google Fonts, Adobe Fonts / Typekit, or use your own font.

Use a pre-selected font

  1. Go to the Design and Settings section.
  2. Click on PALETTE.
  3. Click on the three dots on the right of the current font (Arimo is the default fault).
  4. Select the font you want from the dropdown menu.
    Your Riddle preview will automatically update.

Use a Google Font

  1. Go to the Design and Settings section.
  2. Click on PALETTE.
  3. Click on the three dots on the right of the current font (Arimo is the default fault).
  4. Select Use your own font.
  5. Go to Font Provider.
  6. Click on the arrow and select Google Fonts.
  7. Go to Font family name.
  8. Select a name from the dropdown menu.
  9. Enter different fonts in the Write something fields for Body, Button, Choice, and Header (if you want).
  10. Click on the blue SAVE PALETTE button.
  11. In the pop-up window that appears, click on the blue UPDATE MY PALETTES button to confirm that all Riddles using this palette will be updated too.
    Your Riddle preview will automatically update.

Use Adobe Fonts / Typekit

Here's a short video on using Adobe Fonts / Typekit:

  1. Create an Adobe Fonts web project.
  2. In Riddle, go to the Design and Settings section.
  3. Click on PALETTE.
  4. Click on the three dots on the right of the current font (Arimo is the default fault).
  5. Select Use your own font.
  6. Go to Font Provider.
  7. Click on the arrow and select Adobe Fonts / Typekit.
  8. Go to Project ID.
  9. Paste the Adobe Fonts project ID in the Write something field. It will look something like 'vxgJFgt'.
  10. Go to the Font overrides.
  11. Enter different fonts in the Write something fields for Body, Button, Choice, and Header (if you want).
  12. Click on the blue SAVE PALETTE button.
  13. In the pop-up window that appears, click on the blue UPDATE MY PALETTES button to confirm that all Riddles using this palette will be updated too.
    Your Riddle preview will automatically update.

Use your own font

You can use a proprietary font file or one that is not on the big font marketplaces directly with Riddle.

  1. Ensure your font file is in .woff2 format.
  2. Have the URL where your .woff2 font file is stored on your server ready.
    OR
    Ask Riddle to serve your font (highly recommended) to prevent some browsers raising errors about cross-origin resources.
  3. In Riddle, go to the Design and Settings section.
  4. Click on PALETTE.
  5. Click on the three dots on the right of the current font (Arimo is the default fault).
  6. Select Use your own font.
  7. Go to Font Provider.
  8. Click on the arrow and select Use your own font.
  9. Go to Font family name.
  10. Enter the font family name in the Write something field.
  11. Go to URL for hosted font.
  12. Enter the URL that hosts the font in the Write something field.
  13. Go to the Font overrides.
  14. Enter different fonts in the Write something fields for Body, Button, Choice, and Header (if you want).
  15. Click on the blue SAVE PALETTE button.
  16. In the pop-up window that appears, click on the blue UPDATE MY PALETTES button to confirm that all Riddles using this palette will be updated too.
    Your Riddle preview will automatically update.

Table of Contents