• Send feedback
• Copy URL
• Print this page

NIPO ODIN Version 5.17

CSS for Fonts

Every time a *FONT command is encountered in the script, the current font is changed and a <span> tag is added with a class-selector odinfontnumber-{fontnumber} where {fontnumber} is replaced with an incremental number starting with zero. If no fonts are defined in the script all text will be enclosed with a <span class="odinfontnumber-0"> tag, to indicate the default font.

Optionally an in-line style sheet definition can be generated to reflect the font definition from the questionnaire-script.

Note:
Changing the font, font-size and font-type can be done by using *FONT command in the NIPO ODIN questionnaire. When *FONT is used in the questionnaire, do not change the font via CSS.

NIPO ODIN script command *FONT

*FONT 0 "10 Arial"
*FONT 1 "10 Arial BOLD"
*FONT 9 "10 Arial Italic"

Example in-line stylesheet definition

<style>
<!--
.odinfontnumber-0 {
color: #000000;
background-color: #FFFFFF;
font-size: 10pt;
font-family: "Arial";
}
.odinfontnumber-1 {
color: #000000;
background-color: #FFFFFF;
font-weight: bold;
font-size: 10pt;
font-family: "Arial";
}
.odinfontnumber-2 {
color: #000000;
background-color: #FFFFFF;
font-style: italic;
font-size: 10pt;
font-family: "Arial";
}-->
</style>

If you choose not to generate the in-line style sheet definition, this provides an excellent means to apply a common house-style across questionnaires.

Font selectors