Change the font for different languages

Hi,

I have polylang installed and have the site in both English and Arabic, with english as the main language.
How can I change the font family for Arabic? (for both the headings and the body)

You can use the below CSS code and add it into Appearance > Customize > Additional CSS in your site dashboard.


/* Body copy */
html[lang="ar"] body,
html[lang="ar"] #mainnav ul ul a{
  font-family: Impact;
}

/* Heading copy */
html[lang="ar"] h1, html[lang="ar"] h2, html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] h5, html[lang="ar"] h6, html[lang="ar"] #mainnav ul li a, html[lang="ar"] .portfolio-info, html[lang="ar"] .roll-testimonials .name, html[lang="ar"] .roll-team .team-content .name, html[lang="ar"] .roll-team .team-item .team-pop .name, html[lang="ar"] .roll-tabs .menu-tab li a, html[lang="ar"] .roll-testimonials .name, html[lang="ar"] .roll-project .project-filter li a, html[lang="ar"] .roll-button, html[lang="ar"] .roll-counter .name-count, html[lang="ar"] .roll-counter .numb-count button, html[lang="ar"] input[type="button"], html[lang="ar"] input[type="reset"], html[lang="ar"] input[type="submit"] { 
  font-family: Papyrus,fantasy;
}

Adjust the font family to any font of your choice.

Regards,
Kharis