# Embedding custom Fronts in Ignition Perspective

**URL:** <https://forum.inductiveautomation.com/t/embedding-custom-fronts-in-ignition-perspective/40341>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [November 5, 2020, 10:48am UTC](https://forum.inductiveautomation.com/t/embedding-custom-fronts-in-ignition-perspective/40341 "2020-11-05T10:48:17Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![nizamuddin.m](https://avatars.discourse-cdn.com/v4/letter/n/65b543/32.png) [@nizamuddin.m](https://forum.inductiveautomation.com/u/nizamuddin.m)\
**Post date:** [November 5, 2020, 10:48am UTC](https://forum.inductiveautomation.com/t/embedding-custom-fronts-in-ignition-perspective/40341/1 "2020-11-05T10:48:17Z")

</div>

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](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/a/fa824f8bc9c48cbdd7a57b45b7a463f02fcca881.png)

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/0/b05a2aa23b377ced4229e971ab0229f35a53eb41.png)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [November 5, 2020, 4:13pm UTC](https://forum.inductiveautomation.com/t/embedding-custom-fronts-in-ignition-perspective/40341/2 "2020-11-05T16:13:30Z")

</div>

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`.

---

<div class="post-metadata">

**Author:** ![lwood](https://avatars.discourse-cdn.com/v4/letter/l/977dab/32.png) [@lwood](https://forum.inductiveautomation.com/u/lwood)\
**Post date:** [December 14, 2020, 11:57pm UTC](https://forum.inductiveautomation.com/t/embedding-custom-fronts-in-ignition-perspective/40341/3 "2020-12-14T23:57:52Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Bart.van.Deurzen](https://avatars.discourse-cdn.com/v4/letter/b/b2d939/32.png) [@Bart.van.Deurzen](https://forum.inductiveautomation.com/u/Bart.van.Deurzen)\
**Post date:** [October 19, 2022, 9:17pm UTC](https://forum.inductiveautomation.com/t/embedding-custom-fronts-in-ignition-perspective/40341/4 "2022-10-19T21:17:30Z")

</div>

I had to get some help from tech support. When creating the Style Class, you need to type the font name in the drop-down box. It will not show up in the drop-down list. Hopefully this will be a future improvement.

---

<div class="post-metadata">

**Author:** ![nader.chinichian](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nader.chinichian/32/9261_2.png) [@nader.chinichian](https://forum.inductiveautomation.com/u/nader.chinichian)\
**Post date:** [October 15, 2023, 3:05pm UTC](https://forum.inductiveautomation.com/t/embedding-custom-fronts-in-ignition-perspective/40341/5 "2023-10-15T15:05:10Z")

</div>

Hi Pual,

I try to embed Inter font into Perspective and it only works correctly in Runtime but the designer doesn't detect it. I used this method for other fonts and all works even in designer. So I wondered when I did wrong or if it is a bug. Could you see to find out where is the problem?

Here is the CSS:

```auto
@font-face {
  font-family: "Inter";
  font-weight: normal;
  src: url("/data/perspective/fonts/Inter-SemiBold.woff"); }
  
@font-face {
  font-family: "Inter"; 
  font-weight: bold;  
  src: url("/data/perspective/fonts/Inter-Medium.woff"); }

```

[Inter.zip](https://forum.inductiveautomation.com/uploads/short-url/2UnbnHKEM1MyrxyC788gCYXy7oc.zip) (6.4 KB)

---

<div class="post-metadata">

**Author:** ![paul-griffith](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/paul-griffith/32/37249_2.png) [@paul-griffith](https://forum.inductiveautomation.com/u/paul-griffith)\
**Post date:** [October 23, 2023, 4:30pm UTC](https://forum.inductiveautomation.com/t/embedding-custom-fronts-in-ignition-perspective/40341/6 "2023-10-23T16:30:39Z")

</div>

You should probably contact support. I don't see anything obviously wrong.