# Import Google Font into project using CSS

**URL:** <https://forum.inductiveautomation.com/t/import-google-font-into-project-using-css/48144>\
**Category:** Ignition\
**Tags:** ignition80\
**Created:** [June 24, 2021, 5:18am UTC](https://forum.inductiveautomation.com/t/import-google-font-into-project-using-css/48144 "2021-06-24T05:18:45Z")\
**Posts on this page:** 1\
**Showing post:** 2

<div class="post-metadata">

**Author:** ![victordcq](https://avatars.discourse-cdn.com/v4/letter/v/f6c823/32.png) [@victordcq](https://forum.inductiveautomation.com/u/victordcq)\
**Post date:** [June 24, 2021, 11:13am UTC](https://forum.inductiveautomation.com/t/import-google-font-into-project-using-css/48144/2 "2021-06-24T11:13:25Z")

</div>

> [@How to embed custom fonts in perspective client](http://forum.inductiveautomation.com/t/how-to-embed-custom-fonts-in-perspective-client/28609/2):
>
> 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: @font-face { font-family: Tes…

---

_[View the full topic](https://forum.inductiveautomation.com/t/import-google-font-into-project-using-css/48144)._