Preciso importar uma fonte local para meu projeto em Vue, e não obtive sucesso.

Tentei utilizando o @font-face dessa maneira:
<br>
    @font-face { <br>
    font-family: 'Oxygen';<br/>
    src: url('../fonts/Oxygen-Regular.woff2') format('woff2');<br/>
    src: url('../fonts/Oxygen-Regular.woff') format('woff');</br>
    font-weight: normal;<br>
    }

Coloquei sem o url, importei em um arquivo styles, e direto no componente App. Tentei também colocando o font-face direto no componente que iria utilizar a fonte, e não deu certo. Alguém saberia me dizer a forma correta de importar fontes locais usando o Vue js via cli?