title: embedding fonts Fonte_Nexa-TTF and Fonte_Nexa in css
body: <p>I am working on a website on which I want to apply the following fonts:</p>
  
  <p><strong>1.</strong> Fonte_Nexa-TTF <br> 
  <strong>2.</strong> Fonte_Nexa</p>
  
  <p>I have placed the above fonts in the <strong>css/fonts</strong> folder as shown below in an image:</p>
  
  <p><a href="https://i.stack.imgur.com/9Vvkv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9Vvkv.png" alt="enter image description here"></a></p>
  
  <p><br></p>
  
  <p>Inside <strong>Fonte_Nexa-TTF</strong> directory, I have the following fonts:</p>
  
  <p><a href="https://i.stack.imgur.com/OctFv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OctFv.png" alt="enter image description here"></a></p>
  
  <p>In the CSS, I have placed the following codes on the top but it doesn't seem to work.</p>
  
  <pre><code>@font-face {
  font-family:"Fonte Nexea";
  src: 
  url("fonts/Fonte_Nexa-TTF") format("truetype"),
  url("fonts/Fonte_Nexa") format("opentype");
  }
  </code></pre>
  
  <p><strong>Problem Statement:</strong></p>
  
  <p>I am wondering what changes I need to make in the CSS codes above so that it start working. Also, at console I am getting the following error:</p>
  
  <p><a href="https://i.stack.imgur.com/cVJjz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cVJjz.png" alt="enter image description here"></a></p>