Using your own font in questfox

Fonts can support or destroy your research project

It is possible to integrate your own font into a research project.

Make sure that your font makes sense in research terms. Sometimes it is also helpful to not disclose who is asking by exactly not using your own corporate identity elements.

There are several ways to do that.

Importing Webfonts into questfox

You can integrate fonts which allow the using via internet. Please see the description of how to do that on fontawesome.

Import of Google Webfonts into CSS is explained here:

https://www.w3docs.com/snippets/css/how-to-import-google-fonts-in-css-file.html

Inside of the google fonts there are different ways of how to import a font into your project.

@import url(‘https://fonts.googleapis.com/css2?family=Lora&display=swap’);

Using your own non-public font

A lot of companies do have their own corporate design font. In case you plan to use that font this is the way:

  1. Make sure that you have the right to use the font.
  2. Install the font on an accessible server
  3. Integrate the font into the questfox project CSS

Example Official Berlin Font “Berlin Type”

Sometimes fonts are published for the use. Make sure that you do cover the licence agreement when using this font for market research.

We downloaded the font of the Berlin Senate here:

https://wir.berlin/fileadmin/downloads/Wir.Berlin_Schrift.zip

The font is installed on the questfox server now.

You just have to implement the following code into your project’s CSS

body {
font-family: ‘WirBerlin’, arial;
}

In case some computers/phones are not able to use this font there is a second font defined that should be available on any device (arial in this case).

Have fun creating more beautiful looking questionnaires.



Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s