Changing font for text (HTML)

Ask for Help
1

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

2

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

3

I have tried to use

tag without success

4

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

5

Try to add !important to the style

6

Here’s an alternative.

1 Like
7

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?

8

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.

9

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

Thanks anyway

1 Like
10

Did !important do something?

11

I tried! Unfortunately didn’t help

1 Like
12

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

2 Likes
13

If you need help anytime, feel free! :slight_smile:

14

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

15

Thank you! that’s so kind

1 Like
16

Yes…specify and source

1 Like