• Resolved uzaifa

    (@uzaifa)


    I have talked to customer support earlier in which he asked me to add the code which in mentioned below to change the font of arabic translation it worked on simple text fields but it is not working on some tags like in the heading on h1,h2,h3,h4 etc.

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

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter uzaifa

    (@uzaifa)

    I also want to change font of the text which is in slider revolution slide

    Hello,

    You will need to target h1, h2, h3 elements as well and insert them into the snippet.

    For example:
    Your code is this one:
    @import url(‘https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic&display=swap’);
    body.translatepress-ar{ font-family:Noto Kufi Arabic; }

    But if you want to target h1 and h2 elements as well what you can do is to add after body the rest you want to target like this:
    @import url(‘https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic&display=swap’);
    body, h1, h2 .translatepress-ar{ font-family:Noto Kufi Arabic; }

    Hope it helps.

    Cheers,

    Thread Starter uzaifa

    (@uzaifa)

    I want to ask how can I target text in slider revolution. I have created a slider and added text in it and one button. I have translated them with translatepress but not able change font of them. for the content of the website I have added the code mentioned below it is working. Guide me for the text of Revolution Slider.

    @import url('https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic&display=swap');
    body.translatepress-ar *{ font-family:Noto Kufi Arabic; }
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change Arabic Language Font’ is closed to new replies.