How to change the font I use universally in a survey to Roboto light | XM Community
Skip to main content

Hello, I’m wondering if anyone has the correct CSS to change the font I use universally in all of our surveys to Roboto light?

Currently I am changing EVERY line in my surveys one by one to: <span style="color:#000000;"><strong><span style="font-size:18px;"><span style="font-family:Roboto light,sans-serif;">  (then I change the size to what I want to use).

  • I found one post in the Community from a few years ago about this topic, which said to use (but didn’t work):

.Skin .QuestionText, .Skin .QuestionBody {
font-family:Roboto light,sans-serif!important;
}  

  • I asked ChatGPT and got this (which also isn’t working):

/* Import Roboto Light from Google Fonts */

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

/* Apply Roboto Light everywhere */
.Skin * {
 font-family: 'Roboto', sans-serif !important;
 font-weight: 300 !important; /* Ensures the "Light" weight is used */
}

 

Does anyone have any other recommendations I can try?  I appreciate the assistance!

FYI - ChatGPT came to the rescue.  The first response it gave me didn’t work, and I told it so.  So it provided another response - and it worked!  For anyone else looking to do this:

In the look and feel:

/* Force FONT NAME on all survey elements */
html, body, .Skin, .Skin * {
 font-family: 'FONT NAME', sans-serif !important;
}

FYI - ChatGPT came to the rescue.  The first response it gave me didn’t work, and I told it so.  So it provided another response - and it worked!  For anyone else looking to do this:

In the look and feel:

/* Force FONT NAME on all survey elements */
html, body, .Skin, .Skin * {
 font-family: 'FONT NAME', sans-serif !important;
}

Excellent! Thanks for returning to the community to share what worked!

Leave a Reply


Terms & Conditions