# How to embed custom fonts in perspective client

**URL:** <https://forum.inductiveautomation.com/t/how-to-embed-custom-fonts-in-perspective-client/28609>\
**Category:** Ignition Early Access\
**Created:** [September 27, 2019, 3:44am UTC](https://forum.inductiveautomation.com/t/how-to-embed-custom-fonts-in-perspective-client/28609 "2019-09-27T03:44:11Z")\
**Posts on this page:** 1\
**Showing post:** 2

<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:** [September 27, 2019, 3:26pm UTC](https://forum.inductiveautomation.com/t/how-to-embed-custom-fonts-in-perspective-client/28609/2 "2019-09-27T15:26:02Z")

</div>

Fonts should not be referenced directly like that, relying on system level fonts. The proper way to use fonts in Perspective is to embed them as resources - look at `<gateway directory>/data/modules/com.inductiveautomation.perspective/` - there is a `fonts/` directory, and a `themes/` directory. If you install a properly packaged web font in the `fonts/` directory, you can then reference it in a `@font-face` selector in a **new** theme.css file; something like this test I did:

```auto
@font-face {
  font-family: Test;
  src: url("/data/perspective/fonts/almendra-sc-v10-latin-regular.woff"); }

```

You should use a new, custom .CSS file, because the `light` and `dark` theme.css files can and will be overwritten on upgrade, as we make changes to the themes and add new components.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/2X/5/5f906c1988ff8581d0500eb113ffb245b20f1516.png)

---

_[View the full topic](https://forum.inductiveautomation.com/t/how-to-embed-custom-fonts-in-perspective-client/28609)._