title: Custom @font-face Tailwind
body: <p>I've been working on a project using Tailwind. I'm trying to put a downloaded custom font using @font-face but it doesn't seem to load properly. By the way I put my font in public/assets/font .Please check my attempt below:</p>
  <p>Here is the style.css file:</p>
  <pre><code>@tailwind base;
  @tailwind components;
  @tailwind utilities;
  @font-face {
        font family: Trade Gothic LT;
        src: url(&quot;../public/assets/font/TradeGothicLT.woff&quot;) format(&quot;woff&quot;);
  }
  </code></pre>
  <p>And here is the tailwind.config.js file:</p>
  <pre><code>module.exports = {
    theme: {
      extend: {
        fontFamily: {
          'body': [&quot;Trade Gothic LT&quot;]
        },
      },
    },
  };
  </code></pre>
  <p>Please tell me where I went wrong. Thank you.</p>