If the font you want to use is not available in the Typography dropdown, you can include it by heading over to the Google font page and importing this into your quiz.
Step1: Import the Google font you want to use.
1.1. Head over to the Google font page and select Get font, followed by the <> Get embed code.
1.2. Select the @import option and copy the @import code:
1.3. Inside your quiz editor, head over to Settings -Tracking Code and paste the copied code in the Head section
Step2: Apply the font to the quiz
2.1. Once this is done, you can return to the quiz editor and apply the custom font using CSS. To do this, go to Theme Settings-> Edit custom CSS .
2.2. You can target specific elements such as only the questions, headings or button font, however, to apply the new font to the entire quiz you can use the following snippet and replace Font Family Name with the name of the actual font:
.main-container {font-family: "Font Family Name", sans-serif;}
For help adding other types of font such as custom or Adobe fonts, please contact our team at [email protected]