title: how to import font styling in vue js project
body: <p>I'm trying to implement certain font on my vue project, but the font seems not working, this is how i import the font locally in my App.vue file</p>
  <pre><code>@font-face {
    font-family: &quot;Open Sans Bold&quot;;
    src: local(&quot;OpenSans-Bold&quot;), url(&quot;./fonts/OpenSans-Bold.ttf&quot;), format(&quot;truetype&quot;);
    font-weight: bold;
  }'
  </code></pre>
  <p>this is how i use it on my Home.vue file</p>
  <pre><code> .router-link-active{
        font-family: &quot;Open Sans Bold&quot;;
        color: #5F5F5F !important;
        text-decoration: underline;
        text-underline-position: under;
        text-decoration-thickness: 3px;
      }
  </code></pre>
  <p>did i make any mistake?</p>