Imported fonts don't apply to arabic text

Question

0.00/5 (No votes)

See more:

I want to change the default Arabic font of my blog text by importing other fonts using this code in Advanced>>Add css:

@import url (http://fonts.googleapis.com/earlyaccess/droidarabickufi.css)
body {font-family: “Droid Arabic Kufi”, serif;}

But it doesn't apply if the text is written in Arabic.

What I have tried:

@import url (http://fonts.googleapis.com/earlyaccess/droidarabickufi.css)
body {font-family: "Droid Arabic Kufi", serif;}

Posted 24-Feb-21 7:54am

Rabiî Ab

Updated 25-Feb-21 4:44am

Add a Solution

Comments

[no name] 24-Feb-21 14:46pm

Unless the "client" has those fonts installed, they will never "see" what you're doing with those fonts (on your end).

Rabiî Ab 24-Feb-21 17:01pm

??????

[no name] 24-Feb-21 19:54pm

Obviously it's not working.

20212a 25-Feb-21 13:43pm

The browser is supposed to download the font. Does not need to be installed on client.

[no name] 25-Feb-21 14:34pm

"Supposed". Either you see the fonts or you don't. Go tell the OP.

20212a 25-Feb-21 14:50pm

I did. Don't be so cranky. I was just informing you that it doesn't work like a desktop application.

[no name] 26-Feb-21 4:22am

Downloaded means "installed". Word games.

20212a 26-Feb-21 8:53am

Actually no, but I can see there is no point. Have a good day.

[no name] 26-Feb-21 12:43pm

"Cached" then.

20212a 25-Feb-21 13:44pm

Use the browser tools to see if you get an error or to see if the fonts are downloaded.

1 solution

Add a Solution

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

W∴ Balboos, *GHB* · Answer 1 · 2021-02-25T04:44:00

What you're doing should, in principal, work.

What can go wrong?

- Is the font loading before the page renders? It takes time and I've seen it fail for this reason, myself.
- Ia the import path exactly right?
- Is the name you gave in the font-family exactly right?

(I presume you copy/pasted the in for the last two but I'm just mentioning it)

You can try this experiments:
Create a button and the after the page fully loads use it to update the page's font (using the DOM). This will occur after the load.

Imported fonts don't apply to arabic text

1 solution

Solution 1

Add your solution here

Preview 0

Imported fonts don't apply to arabic text

1 solution

Solution 1

Add your solution here

Preview 0

Existing Members

...or Join us