title: How to use different fonts for different languages in ngx-translate?
body: <p>I'm using angular 4 and ngx-translate. i have a multi language app and i want to use a special font for one of the languages.</p>
  
  <p>here is part of my html:</p>
  
  <pre><code>&lt;ngx-datatable-column prop="title"&gt;
  &lt;ng-template let-column="column" let-sort="sortFn" ngx-datatable-header-template&gt;
    &lt;span (click)="sort()" class="font"&gt;{{'IncomingTable.Title' | translate}}&lt;/span&gt;
  &lt;/ng-template&gt;
  &lt;ng-template let-value="value" let-row="row" ngx-datatable-cell-template&gt;
   &lt;a (click)="showViewForm(row);showView=true;showIncomingTable=false"&gt;{{value}} &lt;/a&gt;
  &lt;/ng-template&gt;
  </code></pre>
  
  <p>
  and this is scss:</p>
  
  <pre><code> @font-face {
    font-family: 'IRANSansWeb_Medium';
    src: url($IRANSansWeb_Medium_woff_path) format('woff'),
    url($IRANSansWeb_Medium_woff2_path) format('woff2');
    font-weight: normal;
    font-style: normal;
  }
  
  .font{
    font-family:'IRANSansWeb_Medium';
  }
  </code></pre>
  
  <p>i have two languages and i want to use this font-family only for one language! what should i do?</p>