title: roboto font not working in css
body: <p>I've CSS and XHTML files. I've downloaded all the ROBOTO fonts and put it in my "webapps/fonts/" folder.</p>
  
  <p>In my XHTML i mentioned the CSS Path,</p>
  
  <pre><code>'&lt;link href="../css/tab_ux.css" rel="stylesheet" type="text/css" /&gt;'
  </code></pre>
  
  <p>AND my CSS file have styles like,</p>
  
  <pre><code>@font-face {
     font-family:roboto-bold;
     src: url('../fonts/Roboto-Bold.tff') @ttf;
  }
  
  .UX_FontClass {
     font-family: roboto-bolditalic !important;
     font-size : 25px !important;
  }
  </code></pre>
  
  <p>also mentioned XHTML in <code>OutputText as styleClass="UX_FontClass "</code></p>
  
  <p>Even though font is not working in any browser. What i did wrong with my code? OR Anything i missed out?</p>