title: Using separate fonts for two different languages
body: <p>I'm trying to use two different fonts for two different languages. But both fonts are overlapping eachother hence causing difficulty in reading the text. Here is what I am trying;</p>
  
  <h2>CSS:</h2>
  
  <pre><code>@font-face {
         font-family: 'Jameel Noori Nastaleeq';
         src: url(../../../fonts/Jameel Noori Nastaleeq.ttf)
  }
  </code></pre>
  
  <p>and then in the area where my <code>text</code> is written this CSS class has been used:</p>
  
  <h2>CSS:</h2>
  
  <pre><code>.post_body {
      padding: 5px;
      font-size: 17px;
      font-family: Tahoma, Jameel Noori Nastaleeq;
  }
  </code></pre>
  
  <p>The issue is, when I use <code>URDU</code> text in my post it shows correct font style, however when I use <code>ENGLISH</code> text then it doesn't uses <code>Tahoma</code> font style.</p>
  
  <p>Please help on how to use two different font styles for two different languages in the same area?</p>