Change font family | XM Community
Skip to main content
Solved

Change font family

  • August 21, 2020
  • 4 replies
  • 290 views
JR33
QPN Level 2 ●●
Forum|alt.badge.img+10
  • JR33
  • QPN Level 2 ●●

Excuse me for repeating a question asked several times but I can't find my way.
My organization uses Montserrat font on our website and I would like to use it on Qualtrics as well.
What's the easiest way to do this?
Currently I get the font here (header) : https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" />
and I apply it in the css like this : "h1, h2, h3, h4, h5, h6, p, div, span, a {
  font: 14px "Montserrat", sans-serif;
}"
but i have to apply a size, when i only want to set a font !
thank you for helping me :)

Best answer by rondev

Try this:
The code in css will be:
.Skin {
 font-family: Montserrat!important;
}
The code in look & feel -> General ->header (edit)-> Sourece view(<>)


    4 replies

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • August 21, 2020

    Add below css to look & feel -> Style -> Custom CSS
    @font-face {
     font-family: Montserrat;
      src: url('https://fonts.googleapis.com/css?family=Montserrat');
    }

    .Skin {
     font-family: Montserrat!important;
    }

    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
    JR33
    QPN Level 2 ●●
    Forum|alt.badge.img+10
    • JR33
    • Author
    • QPN Level 2 ●●
    • August 21, 2020

    thanks, i copied your code as is but it doesn't work ?
    Capture.PNG

    rondev
    Level 6 ●●●●●●
    Forum|alt.badge.img+22
    • rondev
    • Level 6 ●●●●●●
    • Answer
    • August 21, 2020

    Try this:
    The code in css will be:
    .Skin {
     font-family: Montserrat!important;
    }
    The code in look & feel -> General ->header (edit)-> Sourece view(<>)


    Ron Dev (DM for any request. XM Technology Consultant, surveysolution.in)
      JR33
      QPN Level 2 ●●
      Forum|alt.badge.img+10
      • JR33
      • Author
      • QPN Level 2 ●●
      • August 21, 2020

      it works, perfect. thank you so much

      Terms & ConditionsAccessibility statement