Custom Fonts in ConnectReport Templates

It is possible to configure custom fonts in your ConnectReport environment for use within templates.

First, you’ll need to gather a font file in a web compatible format, for example, .TTF or .WOFF formats.

Next, navigate to the ConnectReport Server file system. Within C:\ProgramData\ConnectReport, create a folder named custom.

Within C:\ProgramData\ConnectReport\custom, place your font file.

Next, within C:\ProgramData\ConnectReport\custom create a file named custom.css. Within custom.css, load your font as below.

The value of font-family may be anything, but it is common practice to use the name of the font. This will be the value displayed to users when using the font in the template editor.

@font-face {
  font-family: "Gotham Sans";
  src: url("./gotham-sans.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

Your custom.css stylesheet will be automatically loaded in the ConnectReport client.

Finally, in C:\ProgramData\ConnectReport\config.json, add a top-level property called fonts, as below. The name used here must be equivalent to the font-family property used in the CSS in the previous step.

{
  "fonts": [{
    "name": "Gotham Sans"
  }]
}

Once the steps have been completed, restart the ConnectReport Enterprise service.

Within the Template Editor, you should now be able to format text using the new custom font.