Change Arabic Language Font

  • Resolved uzaifa

    (@uzaifa)


    2 years, 2 months ago

    Hi, I am using translatepress plugin to translate my website from English to arabic but I want to change the font of arabic language to Noto Kufi Arabic. I am attacing the link of the font https://fonts.google.com/noto/specimen/Noto+Kufi+Arabic?subset=arabic.
    I also tried to add the code in customize<custom css section.

    @import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@100;200;300;400;500;600;700;800;900&display=swap');
body.translatepress-ar{ font-family: 'Noto Kufi Arabic', sans-serif; }

    But this code is not changing the font

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hello,

    Change the snippet with this one:

    @import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic&display=swap');
body.translatepress-ar{ font-family:Noto Kufi Arabic; }

    This will work.
    Cheers,

    Thread Starter uzaifa

    (@uzaifa)

    yes it worked can you tell me what’s problem with my code so I don’t face problem in future

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Change Arabic Language Font’ is closed to new replies.