Embedding custom Fronts in Ignition Perspective

I am using some fonts [Montserrat] in my perspective project to create a stylish design and have imported the folder containing the *.ttf files in the location: C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\fonts after this i have given a gateway restart even after that the new fronts are not reflected in the designer.

Is it possible that I am missing some steps?

image

You are missing a step - you need to create a CSS directive to actually load the required font. The best way to do that is with a custom theme - for more information, consult the readme in the themes/ directory. You can copy the CSS font styles from the existing themes, bringing in Montserrat.

Even if you do that, though, the new fonts will not show up as ‘selectable’ anywhere in the designer. There’s no live-reloading on the Java side of things to bring in the new fonts. Instead, you will just have to create a style class/inline style that selects the appropriate font, and the actual live design session and any client sessions should use it.

If that’s not working, you can check browser dev tools to see whether:

  1. The font is actually being applied in the CSS of the element(s) you’re applying it to
  2. The font is actually being loaded when you first start a session - check the network tab for font loading requests. If you’re getting a 404, you can also try the gateway logs to see if anything is being logged by FontManager or AbstractAssetManager.
1 Like

Do you need to change the font.digest.json file at all?