Umfrage aufbauen



Themenbereich: Umfrage aufbauen

Schriften für die Umfrage festlegen



Im Layoutkonfigurator können Sie für die einzelnen Texte die Schriftart festlegen, eine Farbe wählen  und ob diese Bold oder Italic angezeigt werden soll. Definieren können Sie folgende Texte:
 
  • Umfragetitel
  • Fragetexte
  • Hinweistexte
  • Antworttexte

Fehlermeldungen und statische Texte ergeben sich aus den Antworttexten.

Umfrage Schrift definieren
 


Google Fonts im Umfrage Design integrieren

Mit Google Fonts lassen sich über 700 verschiedene Schriften in das Umfrage-Design integrieren. Somit erhalten Sie die Möglichkeit die Schriften frei zu wählen.

Um Google Fonts in der Umfrage zu nutzen, gehen Sie wie folgt vor:
 
  1. Gehen Sie zu Google Fonts und wählen Sie dort die Schrift aus, die Sie für die Umfrage nutzen möchten. Nachdem Sie diese ausgewählt haben, kopieren Sie unter dem Punkt "Embed Font" in der Integrationsbeschreibung den Link zum Integrieren der Schrift.Schrift-einfuegen-umfrage-layout
  2. Kopieren Sie den Link in das zusätzliche Feld im CSS-Editor.
  3. Definieren Sie mit folgender CSS-Code-Beschreibung, wo welche Schrift angezeigt werden soll.
  4. Klicken Sie auf  Speichern 


CSS-Code-Beschreibung Schriften definieren
Pro Umfrage gibt es 6 verschiedene Bereiche, wo die Schrift über den CSS-Editor angepasst werden kann. Kopieren Sie einfach von dem gewünschten Bereich den CSS-Code und ersetzen Sie die Namen der Schrift durch Ihre. Bei Google Fonts unter dem Punkt "Specify in CSS" in der Integrationsbeschreibung ist die richtige Code-Formulierung abgebildet.

schrift-definieren-umfrage-layout-CSS

Zusätzlich können Sie auch noch die Schriftgröße anpassen, wenn dies durch die neue Schrift empfehlenswert ist.

Umfragetitel (klassisches Design)
.surveytitle { font-size: 25px; font-family: 'Great Vibes', cursive !important; }

Fragetexte (klassisches Design)
.questiontitle { font-size: 18px; font-family: 'Great Vibes', cursive !important; }

Antworttexte (klassisches 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; }

Hinweistexte 
.note { font-size: 11px; font-family: 'Great Vibes', cursive !important; }

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

Abschlussbalken (klassisches Design)
.survey-footer { font-size: 10px; font-family: 'Great Vibes', cursive !important; }


Wenn Sie alle Schriften innerhalb der Umfrage anpassen möchten, dann nutzen Sie diesen CSS-Code: (klassisches Design)
body, .surveytitle, .questiontitle, .note, .survey-question-container, .survey-question-container label:hover, button, .survey-footer { font-family: 'Great Vibes', cursive !important; }
 

 
Hinweis
Google Fonts sind erst in der Umfrage oder Umfrage-Vorschau sichtbar.