title: CSS Custom font not showing properly in web host but localhost
body: <p>I'm trying to add a custom font to my website.<br/></p>
  
  <p><strong>CSS code</strong></p>
  
  <pre><code>@font-face {
  font-family: 'dhananjayawebregular';
  src: url('dhananjaya_web_sinhala_font-webfont.eot');
  src: url('dhananjaya_web_sinhala_font-webfont.eot?#iefix') format('embedded-opentype'),
       url('dhananjaya_web_sinhala_font-webfont.woff2') format('woff2'),
       url('dhananjaya_web_sinhala_font-webfont.woff') format('woff'),
       url('dhananjaya_web_sinhala_font-webfont.ttf') format('truetype'),
       url('dhananjaya_web_sinhala_font-webfont.svg#dhananjayawebregular') format('svg');
  font-weight: normal;
  font-style: normal;
  </code></pre>
  
  <p>}</p>
  
  <pre><code>#sinhala {font-family:dhananjayawebregular;}
  #dhananjayaweb {font-family:dhananjayawebregular;}
  </code></pre>
  
  <p><strong>PHP code</strong></p>
  
  <pre><code>                    &lt;div class="cell"&gt;
                      &lt;a href="&lt;?php echo "$name_html-news$id.html";?&gt;"&gt;
                          &lt;div class="newstitle" id="dhananjayaweb"&gt;&lt;?php echo $title;?&gt;&lt;/div&gt;
                          &lt;div class="newsname"&gt;&lt;?php echo $name;?&gt;&lt;/div&gt;
                      &lt;/a&gt;
                      &lt;div class="shortnews" id="dhananjayaweb"&gt;&lt;?php echo substr($news1, 0, strpos($news1, ' ', 140));?&gt;&amp;#39&amp;#39&amp;#39&lt;/div&gt;
                      &lt;div class="newsother"&gt;
                          &lt;?php echo $views;?&gt; views |
                          Date : &lt;?php echo $date;?&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  
  <p>But it works properly in localhost(windows) only. When I upload the script into web host(Linux), the fonts does not show properly</p>
  
  <p><a href="http://i.stack.imgur.com/v9jhl.png" rel="nofollow">screenshot on localhost</a></p>
  
  <p><a href="http://i.stack.imgur.com/94Ekz.png" rel="nofollow">Screenshot on web host</a></p>
  
  <p>I tried all the things I could find on the web, but still not working. Im desperately trying to get this to work. Please help.</p>