Every survey in the system has a template assigned to it. You can see this on the first screen when you open your survey.

Every template has a CSS file controlling the styles. You can see this on the first screen when you open the template.

You must edit the CSS file to alter the font used for your survey. See below for the steps...

1. Locate the template used by your survey.

2. Locate the CSS file used by your template.

Go to the Tools, then CSS Select. (It is probably the SurveyCSS.css file which is the install default.)

In this file are many classes that define the survey styles. These are...

 

.surveytitle

.questiontitle

.questionText

.answerText

.subquestionAnswerText

.subquestionText

.surveySubmitLink

.surveyFooter

.normal

 

Potentially more or less of your CSS file has been customized already. One of these styles as an example has...

 

.surveytitle

{

font-family: Times-New-Roman, Arial, Helvetica, sans-serif;

font-size: 20px;

BORDER-BOTTOM: royalblue 2px solid;

color: #000000;

}

 

To change the default font for your survey make the first font listed the one you wish to use. So if you want it to be Verdana set it to be...

 

.surveytitle

{

font-family: Verdana, Arial, Helvetica, sans-serif;

font-size: 20px;

BORDER-BOTTOM: royalblue 2px solid;

color: #000000;

}

 

Do this for every class that lists the font-family.

5. Once done, any further surveys you create will use the font you have chosen.