# Rich text font types override whats defined for the app in themes

**URL:** <https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576>\
**Category:** Bug reports\
**Created:** [January 6, 2025, 12:25pm UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576 "2025-01-06T12:25:05Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![marcus](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/marcus/32/1609_2.png) [@marcus](https://community.appfarm.io/u/marcus)\
**Post date:** [January 6, 2025, 12:25pm UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/1 "2025-01-06T12:25:05Z")

</div>

Rich text’s font types override what you have defined for the app in themes, so everything is out of proportion.

ex. H1 follows rich text’s standard font size, instead of whats defined in themes.

---

<div class="post-metadata">

**Author:** ![marcus](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/marcus/32/1609_2.png) [@marcus](https://community.appfarm.io/u/marcus)\
**Post date:** [January 6, 2025, 12:27pm UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/2 "2025-01-06T12:27:45Z")

</div>

I see now that this was experienced by someone else in November, but I cant see any solution: [Rich Text datatype resets all fonts on my page - #2 by rhys](https://community.appfarm.io/t/rich-text-datatype-resets-all-fonts-on-my-page/1506/2)

---

<div class="post-metadata">

**Author:** ![emma](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/emma/32/1649_2.png) [@emma](https://community.appfarm.io/u/emma)\
**Post date:** [January 6, 2025, 12:57pm UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/3 "2025-01-06T12:57:11Z")

</div>

Hi Marcus,

Unfortunately we have not yet implemented a fix for this in Create, but it has been reported and the team is working on it!

---

<div class="post-metadata">

**Author:** ![marcus](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/marcus/32/1609_2.png) [@marcus](https://community.appfarm.io/u/marcus)\
**Post date:** [January 6, 2025, 1:48pm UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/4 "2025-01-06T13:48:07Z")

</div>

Hi Emma,

Thanks for the respons! Is there an estimated timeline for this? We are dependent on this for certain customer deliverables thats been delayed since November.

---

<div class="post-metadata">

**Author:** ![marcus](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/marcus/32/1609_2.png) [@marcus](https://community.appfarm.io/u/marcus)\
**Post date:** [January 8, 2025, 3:00pm UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/5 "2025-01-08T15:00:39Z")

</div>

Hi @emma,

Just following up in this. Is there an estimated timeline for this? 🙂

---

<div class="post-metadata">

**Author:** ![emma](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/emma/32/1649_2.png) [@emma](https://community.appfarm.io/u/emma)\
**Post date:** [January 9, 2025, 8:00am UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/6 "2025-01-09T08:00:44Z")

</div>

Hi Marcus,

Sorry for late reply!  
The bug is scheduled to be fixed in the end of March.  
I’m sorry for the inconvenience this may cause.

---

<div class="post-metadata">

**Author:** ![danielhansen](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/danielhansen/32/371_2.png) [@danielhansen](https://community.appfarm.io/u/danielhansen)\
**Post date:** [January 13, 2025, 8:24am UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/7 "2025-01-13T08:24:05Z")

</div>

I’m genuinely surprised by the timeline provided. The issue with the rich text element is quite severe, as a single use of one rich text element disrupts the entire application (with font sizes increasing up to 3x across views). Given the scale of the impact, I would have expected a resolution in a matter of days, not a timeline extending five months from the initial bug report. Is there any way this can be prioritized or expedited?

---

<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 13, 2025, 10:19am UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/8 "2025-01-13T10:19:04Z")

</div>

Hi @danielhansen !

I see your concern! The fix is unfortunately tied to the new version of Material UI, which is quite a large change, and cannot be expedited faster than our release containing the Material UI 6 upgrade. That release is scheduled for February 6th, and we have now prioritized this rich text issue to have it delivered with that same release. In other words, the current estimate is February 6th.

---

<div class="post-metadata">

**Author:** ![danielhansen](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/danielhansen/32/371_2.png) [@danielhansen](https://community.appfarm.io/u/danielhansen)\
**Post date:** [January 13, 2025, 11:54am UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/9 "2025-01-13T11:54:00Z")

</div>

I see! Do you have any suggestions for a temporary fix one could use? Is it possible to override the CSS with a coded component or by the run code action?

---

<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 13, 2025, 1:19pm UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/10 "2025-01-13T13:19:27Z")

</div>

Could it be an option to use the read-only Rich text component instead, for the places you just want to display the rich text (and not edit the text)? This component should not have the same issue.

 ![image](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/a/a534154cb9944562077bdd3758547df02edbdd42.png)

---

<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 13, 2025, 1:42pm UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/11 "2025-01-13T13:42:33Z")

</div>

Sorry, what I meant was to use the **Rich Text Editor** , and then set Read Only to true. That component should not be affected. @danielhansen

![image (33)](https://europe1.discourse-cdn.com/flex013/uploads/appfarm/original/2X/c/c456d400a824d4ad96c3013f8a66f55ee3870615.png)

---

<div class="post-metadata">

**Author:** ![rhys](https://dub1.discourse-cdn.com/flex013/user_avatar/community.appfarm.io/rhys/32/1379_2.png) [@rhys](https://community.appfarm.io/u/rhys)\
**Post date:** [February 12, 2025, 10:41am UTC](https://community.appfarm.io/t/rich-text-font-types-override-whats-defined-for-the-app-in-themes/1576/12 "2025-02-12T10:41:09Z")

</div>

Hi,

This bug has been fixed in [Release 113](https://community.appfarm.io/t/release-notes-113/1633).
