# Change app's font

**URL:** <https://community.glideapps.com/t/change-apps-font/74048>\
**Category:** Ask for Help\
**Created:** [June 11, 2024, 3:15pm UTC](https://community.glideapps.com/t/change-apps-font/74048 "2024-06-11T15:15:14Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alan8a](https://avatars.discourse-cdn.com/v4/letter/a/e274bd/32.png) [@Alan8a](https://community.glideapps.com/u/Alan8a)\
**Post date:** [June 11, 2024, 3:15pm UTC](https://community.glideapps.com/t/change-apps-font/74048/1 "2024-06-11T15:15:14Z")

</div>

Is there any way or any css code that allows me to change every font that appears in the app?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [June 12, 2024, 12:28am UTC](https://community.glideapps.com/t/change-apps-font/74048/2 "2024-06-12T00:28:15Z")

</div>

I’m not positive it would work, but maybe try something like this:

```auto
body {
    font-family: 'Arial', sans-serif;
}

```

---

<div class="post-metadata">

**Author:** ![Joe\_Gabriele](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joe_gabriele/32/57595_2.png) [@Joe\_Gabriele](https://community.glideapps.com/u/Joe_Gabriele)\
**Post date:** [June 12, 2024, 1:13am UTC](https://community.glideapps.com/t/change-apps-font/74048/3 "2024-06-12T01:13:30Z")

</div>

If that doesn’t work, try this

```auto
.headlineXLarge {
font-family: "Playfair Display";
}

.headlineLarge {
font-family: "Playfair Display";
}

.headlineMedium {
font-family: "Playfair Display";
}

.headlineSmall {
font-family: "Playfair Display";
}

.headlineXSmall {
font-family: "Playfair Display";
}

.large {
font-family: "Playfair Display";
}

p {
font-family: "Playfair Display";
}

```

---

<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:** [June 12, 2024, 8:04am UTC](https://community.glideapps.com/t/change-apps-font/74048/4 "2024-06-12T08:04:29Z")

</div>

Use the #page-root selector for all in one