# How to replace all fonts used in an App?

**URL:** <https://community.appfarm.io/t/how-to-replace-all-fonts-used-in-an-app/202>\
**Category:** Ask the community\
**Created:** [January 20, 2023, 8:42am UTC](https://community.appfarm.io/t/how-to-replace-all-fonts-used-in-an-app/202 "2023-01-20T08:42:07Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![roylac](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/roylac/32/121_2.png) [@roylac](https://community.appfarm.io/u/roylac)\
**Post date:** [January 20, 2023, 8:42am UTC](https://community.appfarm.io/t/how-to-replace-all-fonts-used-in-an-app/202/1 "2023-01-20T08:42:07Z")

</div>

In our application we use use 4 different fonts. Font faces are set individually on 200+ text labels (because the Themes feature is somewhat limited). Is there a way for us to replace fonts without changing this manually for 200 different text labels?

---

<div class="post-metadata">

**Author:** ![kristian](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/kristian/32/58_2.png) [@kristian](https://community.appfarm.io/u/kristian)\
**Post date:** [January 20, 2023, 10:32am UTC](https://community.appfarm.io/t/how-to-replace-all-fonts-used-in-an-app/202/2 "2023-01-20T10:32:44Z")

</div>

Hi!

No, there is no way to batch-update all Text labels if manual overrides have been set on all of them unfortunately.

But, we’re curious about the limitations of the Themes editor when it comes to fonts that should result in this need for manual setting of font faces! Is it possible to get some feedback on this point for potential improvement?

Currently, you may override most font face settings on themes, as well as adding other font families

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/1X/40e72a1ed70d96b6e6cecbea18b8cc7e7e71a7c6.png)

---

<div class="post-metadata">

**Author:** ![roylac](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/roylac/32/121_2.png) [@roylac](https://community.appfarm.io/u/roylac)\
**Post date:** [January 20, 2023, 1:06pm UTC](https://community.appfarm.io/t/how-to-replace-all-fonts-used-in-an-app/202/3 "2023-01-20T13:06:55Z")

</div>

In the Theme editor we are able to set font family on H1-h6, body1, body2, and so forth for in total 13 different text styles. Thats great but for large applications this may not be enough. I haven’t setup our main AppFarm App in our organization but for some reason most text labels there are typically set to body1 with a custom Font family and other styling override.

---

<div class="post-metadata">

**Author:** ![kristian](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/kristian/32/58_2.png) [@kristian](https://community.appfarm.io/u/kristian)\
**Post date:** [January 20, 2023, 4:37pm UTC](https://community.appfarm.io/t/how-to-replace-all-fonts-used-in-an-app/202/4 "2023-01-20T16:37:41Z")

</div>

Yes, only 13 styles are available, since this is the default in Material UI:

> **[Typography - Material UI](https://mui.com/material-ui/customization/typography/#variants)**
>
> The theme provides a set of type sizes that work well together, and also with the layout grid.

You won’t need more than 13 font _sizes_ in an App, but I can see that in some cases one might want more than 13 different font size/familiy/weight cominations. We’ll take that into the discussion we have internally regarding the new and more flexible Themes editor planned later this year 😉

---

<div class="post-metadata">

**Author:** ![roylac](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/roylac/32/121_2.png) [@roylac](https://community.appfarm.io/u/roylac)\
**Post date:** [January 22, 2023, 11:01am UTC](https://community.appfarm.io/t/how-to-replace-all-fonts-used-in-an-app/202/5 "2023-01-22T11:01:10Z")

</div>

Yes you may want more than 13 different combinations of font family, font weight, font size, margins, colors, hover-effects, font variants with allcaps, stretch, kerning etc etc. for labels/headers/copy 😀
