Customize Fonts

The primary font used in the Enterprise Console and Central Configuration sites is the Roboto font. This font is available in BPMUITemplates/Default/Common/Fonts.

Perform the following steps if you have customized the default stylesheet CSS file or added a custom stylesheet CSS file.

1. Include the font face for the Roboto font in the CSS files with corresponding relative path to the downloaded Roboto fonts folder.

   Ensure that the relative path refers to the folder in which the stylesheet CSS file is available. By default, the Roboto fonts folder is available in BPMUITemplates/Default/Common/Fonts.

   The following sample illustrates how to include the Roboto font in the customized stylesheet file.

   @font-face {

   font-family: "Roboto";

   src: url("../../../../Common/fonts/Roboto/Roboto-Regular.ttf") format("truetype");

   }

   @font-face {

   font-family: "Roboto";

   font-weight: bold;

   font-style: italic;

   src: url("../../../../Common/fonts/Roboto/Roboto-BoldItalic.ttf") format("truetype");

   }

   @font-face {

   font-family: "Roboto";

   font-style: italic;

   src: url("../../../../Common/fonts/Roboto/Roboto-italic.ttf") format("truetype");

   }

   @font-face {

   font-family: "Roboto";

   font-weight: bold;

   src: url("../../../../Common/fonts/Roboto/Roboto-Bold.ttf") format("truetype");

   }

2. Use the Roboto font in the stylesheet classes.

   For example: font-family: "Roboto", "Segoe UI"