title: How to install custom font before loading website?
body: <p>I’ve some custom fonts like Trade Gothic Oblique.ttf, now I’m using this in our website but it does not install before loading the website for installing this font I’ve used the following code:</p>
  
  <p>@font-face</p>
  
  <p>{</p>
  
  <p>font-family: "TadeGothic" , TradeGothic, TradeGothic LT Std;</p>
  
  <pre><code>src: url(../fonts/Trade Gothic LT Std Condensed No. 18.ttf);
  src: url(../fonts/Trade Gothic Oblique.ttf);
  </code></pre>
  
  <p>}</p>
  
  <p>But it does not work. Can you tell me what’s wrong with it?</p>