Eigene Fonts (Schriftarten) einbinden

Um Ihre Umfrage mit eigenen Schriftarten auszustatten, gibt es verschiedene Möglichkeiten.

  1. Prüfen Sie erst einmal, ob bei den von uns angebotenen Systemschriften eine passende Alternative dabei ist. Wir haben versucht, für die meisten gängigen Schriften passende lizenzfreie Google-Schriften als Alternative anzubieten. Sie finden die generell verfügbaren Schriften mit einem einzigen Klick aktivierbar unter «Fragebogen > Aussehen/Eigenes Logo» rechts unten.
Standard Schriftarten des Systems

2. Sollten Sie eine andere Schrift bevorzugen oder mehrere Schriften kombinieren wollen, können Sie die Schrift(en) auch über die Funktion «Fragebogen > Aussehen/Eigenes Logo > Eigene CSS» selbst importieren.

Schriften aus Google Fonts können dabei besonders einfach integriert werden:

Wählen Sie die Schrift dazu einfach unter Google Fonts aus, klicken Sie auf «@import» und kopieren Sie den gelb markierten Code.

Sie können diesen Code dann in onlineumfragen.com unter «Fragebogen > Aussehen/Eigenes Logo > Eigene CSS» in den eigenen CSS-Code kopieren.

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');

Sie können dann beliebige CSS-Klassen, die in der Umfrage verwendet werden, umdefinieren.

Die Umfrage können Sie unter «Fragebogen > Ganzen Fragebogen testen!» testen und dann z.B. mit Chrome im Entwicklertools aktivieren, um den Quellcode zu untersuchen. Sie sehen dann die verwendeten CSS-Klassen:

Quellcode untersuchen mit Google Chrome und CSS-Klassen erkennen

Der Titel über der Frage ist immer «fragetitel». Sie können also in den «Eigene CSS» einfach die Klasse fragetitel neu definieren:

.fragetitel { font-family: "Noto Sans", Arial, Helvetica, sans-serif, sans }

Die typischen Klassen, die meistens in einem neuen Font erscheinen sollen sind folgende (sie können diese CSS-Definitionen einfach so übernehmen und den Font anpassen):

.schriftklein, .schriftmittel, .schriftgross, .bodytext, .breadcrumbblack, .agbtext, .hinweiscol, .fragetitel { font-family: "Noto Sans", Arial, Helvetica, sans-serif;}

Möchten Sie ganz eigene Schriften verwenden, für die Sie eine Lizenz besitzen, auch wenn sie in der Umfrage angezeigt werden? Dann können Sie über unseren Support unter info@onlineumfragen.com gerne mit uns Kontakt aufnehmen. Unsere Survey Consultants helfen Ihnen gerne weiter. Wir binden die Schrift dann lokal auf unsere WebServer / Proxy-Server ein, damit die Schrift bei uns jederzeit zugänglich ist (gehostet wird), und binden diese über die «Eigene CSS»-Funktion für Sie ein.

Tabellenfragen mit Sticky/fixierten Headern und erster Item-Spalte

Wenn Tabellenfragen besonders lang oder breit sind, kann es auf kleineren Bildschirmen für Ihre Teilnehmenden unübersichtlich sein, diese zu beantworten. Bei den unteren Zeilen verschwindet die erste Zeile der Tabelle, die die Skala beinhaltet. Standardmässig wird die erste Zeile (Skala) fixiert, d.h. die weiteren Zeilen scrollen «unter» dieser fixierten ersten Skala-Zeile durch.

Die selbe Option ist für die erste Spalte möglich, so dass bei besonders breiten Skalen, die nicht auf einer Bildschirmbreite zu sehen sind, die erste Item-Spalte stehen bleiben kann.

Die Option wird unter «Fragebogen > Aussehen/Eigenes Logo» unter «Tabellenfragen-Item-Spalte fixieren (Skalen scrollen horizontal unter die Item)» aktiviert.

«Tabellenfragen-Item-Spalte fixieren (Skalen scrollen horizontal unter die Item)» aktivieren.

Dies sieht dann in der Umfrage folgendermassen aus:

Voilà.