title: Why font face on WordPress is not working?
body: <p>This is the CSS code in my CSS file</p>
  
  <pre><code>    @font-face {
      font-family:'Raleway';
      src:url('fonts/Raleway-Regular.eot');
      src:url('fonts/Raleway-Regular.eot?#iefix') format('embedded-opentype'),
          url('fonts/Raleway-Regular.woff') format('woff'),
          url('fonts/Raleway-Regular.ttf') format('truetype'),
          url('fonts/Raleway-Regular.svg#font-name') format('svg');
      font-weight:normal;
      font-style:normal;
  }
  
  
  @font-face {
      font-family:'Arvo';
      src:url('fonts/Arvo-Regular.eot');
      src:url('fonts/Arvo-Regular.eot?#iefix') format('embedded-opentype'),
          url('fonts/Arvo-Regular.woff') format('woff'),
          url('fonts/Arvo-Regular.ttf') format('truetype'),
          url('fonts/Arvo-Regular.svg#font-name') format('svg');
      font-weight:normal;
      font-style:normal;
  }
  </code></pre>
  
  <p>The names of my Fonts are <strong>Arvo-Regular.ttf</strong> and <strong>Raleway-Regular.otf</strong></p>
  
  <p>I have uploaded the fonts in this path of my server.... (fonts folder)</p>
  
  <p><strong>public_html/wp-content/themes/theme-name/fonts</strong></p>
  
  <p>Still its not working.
  What I am doing wrong?</p>
  
  <p><strong>Will I have to rename Raleway-Regular.ttf to Raleway-Regular.otf</strong> in
  url('fonts/Raleway-Regular.ttf') format('truetype'),</p>
  
  <p>Thank you </p>