How do I add fonts to Vue JS? code example

Example 1: add a Google Font to a VueJS

<style>

@import url('https://fonts.googleapis.com/css2?family=Merienda&display=swap');
</style>

Example 2: custom fonts vue

<style>
  .description{
     font-family: "Merienda", Helvetica, Arial;
     font-size: 20px;
  }
</style>