Moodle in English

Thanks for the quick reply.
I tried following the steps in the link you provided.

1.Added the font file me_quran.ttf in the location: root\theme\educator\fonts\

2. Added the following in the these css (educator.css):

@font-face { /* where FontName and fontname represents the name of the font you want to add */
     font-family: 'me_quran';
     src: url([[font:theme|me_quran.eot]]);
     src: url([[font:theme|me_quran.eot]]) format('embedded-opentype'),
          url([[font:theme|me_quran.woff]]) format('woff'),
          url([[font:theme|me_quran.woff2]]) format('woff2'),
          url([[font:theme|me_quran.ttf]]) format('truetype'),
          url([[font:theme|me_quran.svg]]) format('svg');
     font-weight: normal;
     font-style: normal;
   }

3. Added the font name (me_quran) in the 'html, body' section of the same css file.

html, body {
    font-family:Arial, Verdana, Helvetica, sans-serif, me_quran;
    margin:0;
    padding:0;
    /*background-color:#EFEFEF;*/
	background-image:url([[pix:theme|bg]]);background-repeat:repeat-x repeat-y;
    font-size:setting:fontsizereference;
	
}

 As I'm not much familiar with css editing, I'm not sure if what I did is the right way.

Anyways, this did not fix my font rendering issue.