Add a font to Qualtrics to use on one specific block in a survey | XM Community
Skip to main content

Hi,
I need to use a font called Garamond for my survey but it's not on Qualtrics. Is there anyway I can add it?
Also I only need to use it for one specific block, not the entire survey. Is there anyway to do that?
Thank you!

Add this to your custom CSS:
@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,700;1,400;1,700&display=swap");
.garamond {
    font-family: "EB Garamond", serif;
}
.and_bold {
    font-weight: bold;
}
.and_italic {
    font-style: italic;
}

Then apply the styles to whatever text you want like this:
Plain 
Bold
Italic
Bold and Italic

Result:
image.png


https://www.qualtrics.com/community/discussion/comment/38101#Comment_38101Hi,
Thank you so much for responding!
Just to clarify, custom CSS is located in Look & Feel -- Style. Is that right?
Also I'm not sure how to apply the styles to the text. Is this how I should do it if I want to make the text Garamond italic?
Screen Shot 2021-06-06 at 9.36.36 PM.pngHowever, if I click save, it shows that it's Invalid Javascript (Unexpected token). Am I doing it right?
Sorry if I'm asking dumb questions. Thank you so much for taking the time to respond!


There's no javascript here. Edit the question HTML. Read the support pages on how to do that.


https://www.qualtrics.com/community/discussion/comment/38107#Comment_38107Solved! Thank you so much!!


Leave a Reply