8.0.13 nightly: font family Roboto doesn't render in browser

Hi
In ignition v8.0.13 nightly, changing font family to Roboto only work in Designer environment but in browser it always render with Merriweather.

The Roboto font exist in “C:\Program Files\Inductive Automation\Ignition\data\modules\com.inductiveautomation.perspective\fonts\Roboto”

1 Like

The provided themes in 8.0.13+ declare Noto Sans as the default typeface. To use Roboto instead, you'll need to treat it as any other custom font.

Your project needs to understand what the prop 'Roboto' means before it can find and use the relevant font files. This means adding webfont files (TTF, WOFF, etc) and mapping them per weight or variant of the font which you plan to use (italic, bold, medium, light, 400, 700, etc) in a theme. By doing this at the theme-level, it will be the only change you need to make for your project to use this font everywhere.

Read up on the custom theming process here

That theming README can be found in this folder: /data/modules/com.inductiveautomation.perspective/themes/.

You can grab the Roboto font files from Google here.

I hope this is helpful in getting you started. To verify, I just made a "light-roboto" theme locally, it was quite straightforward and a quick process (thanks to our amazingly talented front-end developers)!

3 Likes

Here are the files for this custom theme if you want to try this out.

themes.zip (4.2 KB)

1 Like