Topic: Survey setup

Define fonts for the survey


In the layout configurator you can set the font character, choose a color for each text and set it to Bold or Italic. You can define the following texts:
 
  • Survey title
  • Question texts
  • Note texts
  • Answer texts

Error messages and static text arise from the choosen answer text.

survey layout color  


Integrate Google Fonts in the survey design

With Google Fonts you can integrate more than 700 fonts into your survey design. So you can choose your favorite font for your survey.

To use Google Fonts in your survey, please proceed as follows:
 
  1. Go to Google Fonts and select your font you want to use in your survey. Copy the API-Link which you find under point "embed font".

    Schrift-einfuegen-umfrage-layout
     
    Note
    Google has made an update that has not yet been integrated into easyfeedback. The link you get from Google Fonts has a 2 behind the css:

    <link href="https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap" rel="stylesheet">.

    The 2 must be removed from the link in order to be accepted as a link in the layout of easyfeedback.
     
     
  2. Paste the link into the additional input field in the css editor

    paste-link-fonts-survey
     
  3. Define with the following css code description, where the font should be displayed.
  4. Click on  save 


Description to define the font via css code
Per survey there are 6 areas available, where the fonts can be edited. Just copy the css code, which you need, and replace the name with your font name. Under point "specify in CSS" at Googles description for integration you will find the correct code naming.

schrift-definieren-umfrage-layout-CSS

Additionally, you can adjust the font size, if it is recommended by the new font.


Survey title (classic design)
.surveytitle { font-size: 25px; font-family: 'Great Vibes', cursive !important; }

Question title (classic design)
.questiontitle { font-size: 18px; font-family: 'Great Vibes', cursive !important; }

Answer text (classic design)
.survey-question-container { font-size: 13px; font-family: 'Great Vibes', cursive !important; }
.survey-question-container label:hover { font-size: 13px; font-family: 'Great Vibes', cursive !important; }

Note (classic design)
.note { font-size: 11px; font-family: 'Great Vibes', cursive !important; }

Buttons (classic design)
button { font-size: 12px; font-family: 'Great Vibes', cursive !important; }

Footer (classic design)
.survey-footer { font-size: 10px; font-family: 'Great Vibes', cursive !important; }


If you want to change all fonts in the survey, you can use this code (classic design):
body, .surveytitle, .questiontitle, .note, .survey-question-container, .survey-question-container label:hover, button, .survey-footer { font-family: 'Great Vibes', cursive !important; }
 

 
Note
Google Fonts are only visible in the survey or survey preview.