Using own fonts in the form

Integrate and use your own font via CSS

It is necessary to include the Roboto font under More > Files in woff, woff2 and ttf format so that it can be used.

This is Font Roboto

 

Example:

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz


This is Font Lucida Console

 

Example:

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz


This is Font Times

 

Example:

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz

/* Embed own font Roboto with the name "myfont".

Please note that the pid parameter in url must be adjusted! */

@font-face {

    font-family: 'myfont';

    src: url('?pid=8104&name=Roboto-Regular.woff2') format('woff2'),

         url('?pid=8104&name=Roboto-Regular.woff') format('woff'),

         url('?pid=8104&name=Roboto-Regular.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;

    font-display: swap;

}

 

/* Use Robot font in general */

.xm-form.modern *, .modern .XPage *, .CXPage, .CXHeader *, .CXFooter * {

    font-family: 'myfont', 'Segoe UI', system-ui, 'Calibri', 'Arial';

}

 

/* Use Lucida Console font for text element txtConsolas */

.xm-form.modern .XSpan[name=txtConsolas] * {

    font-family: "Lucida Console", Courier, monospace;

}

 

/* Use Times font for text element txtTimes */

.xm-form.modern .XSpan[name=txtTimes] * {

    font-family: Times, "Times New Roman", Georgia, serif;

}