vuejs add fonts code example

Example 1: custom fonts vue

<style>
@font-face {
  font-family: "Merienda";
  src: local("Merienda"),   url(./fonts/Merienda/Merienda-Regular.ttf) format("truetype");}
</style>

Example 2: add a Google Font to a VueJS

<style>

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

Example 3: custom fonts vue

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