# Changing font for text (HTML)

**URL:** <https://community.glideapps.com/t/changing-font-for-text-html/50629>\
**Category:** Ask for Help\
**Created:** [October 1, 2022, 12:42pm UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629 "2022-10-01T12:42:59Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![GK123](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gk123/32/40613_2.png) [@GK123](https://community.glideapps.com/u/GK123)\
**Post date:** [October 1, 2022, 12:42pm UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/1 "2022-10-01T12:42:59Z")

</div>

Hi!  
I’m using a rich text component to design the texts on my glide app (headlines and explanations in my app for the users).  
While editing the app on my computer (PC, Chrome browser), it seems that it’s working as expected, but when I check it on my mobile (android) it’s not working and I see the default font.  
NOTE - in the rich text I use HTML tags as color, dir, and style. All of the tags are working great except for the font.  
For example, I tried to write the following in a rich text component:

`<h2 style="font-family:courier; color:#66C4FF;" dir=rtl> Hebrew text </h2>`

Again, only the font isn’t working well.

Any idea what’s the problem, or how I can change the font (that will work also with Hebrew and not only with English…)?

TNX

---

<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:** [October 2, 2022, 2:01am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/2 "2022-10-02T02:01:55Z")

</div>

Does it work if you something like p style or span style instead of h2 style?

---

<div class="post-metadata">

**Author:** ![GK123](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/gk123/32/40613_2.png) [@GK123](https://community.glideapps.com/u/GK123)\
**Post date:** [October 2, 2022, 5:55am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/3 "2022-10-02T05:55:31Z")

</div>

I have tried to use

tag without success

---

<div class="post-metadata">

**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\
**Post date:** [December 29, 2024, 11:26pm UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/4 "2024-12-29T23:26:48Z")

</div>

I know some time has passed! Have you ever figured anything out with this? I’m encountering the same issue

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [December 29, 2024, 11:43pm UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/5 "2024-12-29T23:43:25Z")

</div>

Try to add !important to the style

---

<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:** [December 30, 2024, 12:06am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/6 "2024-12-30T00:06:30Z")

</div>

> [@Import Custom Fonts?](https://community.glideapps.com/t/import-custom-fonts/78407/6):
>
> 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. 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.

Here’s an alternative.

---

<div class="post-metadata">

**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\
**Post date:** [December 30, 2024, 1:54am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/7 "2024-12-30T01:54:11Z")

</div>

I actually tried storing the font on github just to see if it would help. My problem is that Hebrew fonts specifically don’t seem to be showing up correctly on android devices. I’m using a monospaced courier new font that supports Hebrew letters. It shows up perfectly on the computer and apple devices. But on android devices it defaults to a different font that isn’t monospaced. Any ideas?

---

<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:** [December 31, 2024, 12:20am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/8 "2024-12-31T00:20:49Z")

</div>

Sorry I’m not sure at that point. What you see on the Android device might be the “fallback” font if the specified font can’t be loaded.

---

<div class="post-metadata">

**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\
**Post date:** [December 31, 2024, 12:22am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/9 "2024-12-31T00:22:04Z")

</div>

Seems to be that. just not sure how to fix it!

Thanks anyway

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [December 31, 2024, 12:43am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/10 "2024-12-31T00:43:08Z")

</div>

Did !important do something?

---

<div class="post-metadata">

**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\
**Post date:** [December 31, 2024, 1:58am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/11 "2024-12-31T01:58:41Z")

</div>

I tried! Unfortunately didn’t help

---

<div class="post-metadata">

**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\
**Post date:** [January 9, 2025, 3:11pm UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/12 "2025-01-09T15:11:22Z")

</div>

In case anyone was wondering! I finally figured it out!!  
Took me long enough.

I uploaded the font to glide and used it as a font-face source in my HTML (rather than in CSS)  
This worked like a charm and my font shows up correctly on all devices that I tried

---

<div class="post-metadata">

**Author:** ![MaximeBaker](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/maximebaker/32/80877_2.png) [@MaximeBaker](https://community.glideapps.com/u/MaximeBaker)\
**Post date:** [January 9, 2025, 3:28pm UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/13 "2025-01-09T15:28:32Z")

</div>

If you need help anytime, feel free! 🙂

---

<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:** [January 10, 2025, 12:13am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/14 "2025-01-10T00:13:14Z")

</div>

So it works only in rich text components where you specify that font in your HTML?

---

<div class="post-metadata">

**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\
**Post date:** [January 10, 2025, 2:22am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/15 "2025-01-10T02:22:49Z")

</div>

Thank you! that’s so kind

---

<div class="post-metadata">

**Author:** ![Chana\_Chanin](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/chana_chanin/32/22440_2.png) [@Chana\_Chanin](https://community.glideapps.com/u/Chana_Chanin)\
**Post date:** [January 10, 2025, 2:23am UTC](https://community.glideapps.com/t/changing-font-for-text-html/50629/16 "2025-01-10T02:23:07Z")

</div>

Yes…specify and source
