Change Survey Font to Red Hat Text

This document provides directions on how to change the font of your survey to use Red Hat Text. This only applies to you if you are using the Dynamic Theme. All Static Themes already include the Custom CSS code for Red Hat Text font.

Red Hat Text and Red Hat Display are the official fonts used by UW-Madison since 2023. The Red Hat fonts are not available as drop down options for surveys using Dynamic Themes. You can still change to the Red Hat Text font for individual surveys by entering Custom CSS code in the Look and Feel menu.

Caution: The following code is provided as-is and may require programming knowledge to implement. UW-Madison Brand Administrators and Qualtrics Support do not offer assistance or consultation on custom CSS coding.

In the Survey Builder, select the Look and Feel menu in the left pane. This is represented by the paint brush icon.
Select the Style menu.
Scroll down to the Custom CSS field.

Image of the Look and Feel menu mentioned in Step 1. Contains the locations of the paintbrush icon, Style submenu, and Custom CSS editing field mentioned in Steps 2 through 4.

Edit the Custom CSS field and enter the following text:


@font-face{ font-family: 'Red Hat Text', sans-serif; src: url('https://fonts.googleapis.com/css2?family=Red+Hat+Text:ital,wght@0,300..700;1,300..700&display=swap'); } h1, h2, h3, h4, h5, h6, p, div, span, a { font: 16px "Red Hat Text", sans-serif; }

If you opened a separate CSS Editor dialog box, click Save.
Click Apply in the lower right corner of the Look and Feel screen.
Return to the Survey Builder menu. Survey Builder is represented by the clipboard icon in the upper left.
Publish the changes to your survey by clicking the Publish button in the upper right of your survey.

For more information about changing the style of your survey, see the Qualtrics Support document Survey Style & Motion.

Change Survey Font to Red Hat Text

Change Survey Font to Red Hat Text

See Also