title: CSS -specifying multiple fonts for different character encodings -
body: <p>I would like to allow multiple fonts to be applied to dynamically generated content that can have different character encoding. I have used the <code>font-face</code> method to modify the CSS, as follows: </p>
  
  <pre><code>.ResultsTitleClass{ font-family: 'custom-font', Arial Unicode MS, Arial, verdana; !important ; }
  
  @font-face {
  font-family: 'custom-font';
      src: url('tt0596m0-webfont.eot');
      src: url('tt0596m0-webfont.eot?#iefix') format('embedded-opentype'),
           url('tt0596m0-webfont.woff') format('woff'),
           url('tt0596m0-webfont.ttf') format('truetype'),
           url('tt0596m0-webfont.svg#custom-font') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  </code></pre>
  
  <p>My understanding is that font-face enables specifying a custom font and a list of fall-backs. However, the aim of my custom font is to deal with record titles including Greek, Russian, Hebrew contractions and I do not want this to be generally applied to Roman script languages (for which Arial is used). Someone advised me to write some client side javascript to read in the title and look for extended Unicode chars or encoded chars. If it finds some, then it updates the CSS class applied. However, I would like to consider different solutions. Is there any alternative solution? </p>
  
  <p>I am not particularly confident with CSS and fonts, so hope my issue has been clearly explained!</p>
  
  <p>Thanks indeed,</p>
  
  <p>I.  </p>