1. Linking your Local font in HTML

To include your local font, add your local fonts in app/fonts/text-fonts/typography-font/ directory and link the local font styles containing file (in our case typo.css) in your HTML

In the same manner, copy your google font linking url and link it in the HTML code.

  <!-- Linking Font -->
  @font-face {
    font-family: 'bakilda_histori';
    src: url("../fonts/text-fonts/bakilda-histori.ttf");
    font-weight: 400;
  }

    

2. Calling the font family:

The final step of adding or changing your typeface is calling the font family in your stylesheet.

Calling the font family in CSS:

  font-family: 'value_sans_pro';