# Import Custom Fonts?

**URL:** <https://community.glideapps.com/t/import-custom-fonts/78407>\
**Category:** Ask for Help\
**Created:** [December 6, 2024, 4:41am UTC](https://community.glideapps.com/t/import-custom-fonts/78407 "2024-12-06T04:41:29Z")\
**Posts on this page:** 1\
**Showing post:** 6

<div class="post-metadata">

**Author:** ![Himaladin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/himaladin/32/71023_2.png) [@Himaladin](https://community.glideapps.com/u/Himaladin)\
**Post date:** [December 7, 2024, 7:24pm UTC](https://community.glideapps.com/t/import-custom-fonts/78407/6 "2024-12-07T19:24:49Z")

</div>

> [@Lucas\_Pires](#):
>
> So do I just upload the font in GitHub and import as this CSS?

I haven’t tried it yet, but the .woff or .ttf files should be able to be stored in Glide itself. I think it will work.

> [@Himaladin](#):
>
> ```auto
> @font-face {
> font-family: 'FormaDJRDisplay';
> src: url('https://raw.githubusercontent.com/drAkeSteinn/Video-HP/main/FormaDJRDisplay-Regular.woff') format('woff');
> font-weight: normal;
> font-style: normal;
> }
> 
> /* Applies to the entire application */
> #app-root {
> font-family: "FormaDJRDisplay";
> }
> 
> /* Apply for floating button */
> .floating .button-text{
> font-family: "FormaDJRDisplay";
> }
> 
> ```

If you want to try this font, you should disable ‘compiled css’, because if applied across the entire app, you will need to access #app-root or at least #page-root.

---

_[View the full topic](https://community.glideapps.com/t/import-custom-fonts/78407)._