add Persian(Arabic) fonts typography to WordPress theme

i am WordPress theme developer and i want to add custom Arabic/Persian fonts in my themes options panel typography but i don’t want to use Google web fonts because it don’t support Arabic fonts how can i add this to my themes panel php?

Related posts

Leave a Reply

2 comments

  1. add Persian(Arabic) fonts typography to WordPress theme

    Luckily Google started adding Arabic (and other) web fonts, but they are available in Early Access section.

    For example, you use the following fonts:

    @import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
    @import url(http://fonts.googleapis.com/earlyaccess/dhyana.css);
    @import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
    @import url(http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css);
    @import url(http://fonts.googleapis.com/earlyaccess/lateef.css);
    @import url(http://fonts.googleapis.com/earlyaccess/scheherazade.css);
    @import url(http://fonts.googleapis.com/earlyaccess/thabit.css);
    

    then use in your css styling:

    font-family: 'Amiri', serif;
    font-family: 'Dhyana', serif;
    font-family: 'Droid Arabic Kufi', serif;
    font-family: 'Droid Arabic Naskh', serif;
    font-family: 'Lateef', serif;
    font-family: 'Scheherazade', serif;
    font-family: 'Thabit', serif;
    
    1. Go to PLUGINS.
    2. Add new plugin called Arabic Webfonts.
    3. Activate this Plugin.
    4. Go to your website and click Customize.
    5. You will see the newly Added plugin (arabic webfonts).
    6. Select Whatever you want (Heading, body…).
    7. Select The Font family you want from the dropdown list.
    8. Enjoy it.