Fonts size in pt or em?? em in CSS in questfox

Posted: 11. April 2023 | Author: | Filed under: Uncategorized | Leave a comment

Font size in PT (point) is an absolute size based on the physical size of a point. One point equals 1/72 inch or 0.35 mm. The font size in PT remains constant regardless of the size of the screen or display unit. So you better NOT use PT inside of questfox as the size is fixed and not adaptive to different screen sizes.

Font size in EM is a relative size based on the size of the font. An EM is equal to the width of the uppercase “M” in the font. The font size in EM adapts to the size of the screen or display unit.

Another difference is that font size in PT is typically used for print while font size in EM is used for screen and web design.

We are sorry, that most of the font settings inside of questfox come from the times before the standardization of em in html was established. We recommend to use only em as a setting in the CSS definition of your project.

font-size: 1.6 em is for example a major increase in 60% of size. But the actual size depends on the device used.

Project Style to set the basic framework of design for your questfox project

The definition of the CSS is defined underneath

In this textfield you find a basic definition for your project that you can overwrite with your settings.

Examples:

Font of the question

.questionText > span > p{

font-size: 1.4em;

font-weight: 400;

}

Change of answer text size

.answerItemLabel{

  font-size: 1.3em;

  font-weight: bold;

}

Multiple Choice answer buttons

.answerItem{

font-size: 1.6em; 

  font-weight: bold;

}

/*Definition Tinsort Buttons with integrated Font and different color*/

.btn{

font-size: 1.2em;

font-family: ‘TeleNeo’, sans-serif;

color: #262626;

}