Click here to Skip to main content
15,564,346 members
Please Sign up or sign in to vote.
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
Updated 25-Feb-21 5:44am
Comments
Gerry Schmitz 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    
??????
Gerry Schmitz 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.
Gerry Schmitz 25-Feb-21 14:34pm    
"Supposed". Either you see the fonts or you don't. Go tell the OP.

1 solution

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.

 
Share this answer
 

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



CodeProject, 20 Bay Street, 11th Floor Toronto, Ontario, Canada M5J 2N8 +1 (416) 849-8900