CSS for custom navigation and normal font in Foster Template

I'm fairly new to CSS and I'm trying to figure out how to add custom font for the navigation and also the 'normal' font in the text box. Can anyone help??

This is what I have so far....

Also... what is the 'p' font?

//ADDING HAVELOCK FONTS//
@font-face {
    font-family: 'HAVELOCK LIGHT';
       src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190c7112be5b2164a3f91c/1578699889315/3AD48F_3_0.woff');
  }

@font-face {
    font-family: 'HAVELOCK MEDIUM';
       src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190e2812be5b2164a4282d/1578700328356/3AD48F_4_0.ttf');
  }

@font-face {
    font-family: 'HAVELOCK REGULAR';
       src: url('https://static1.squarespace.com/static/5e18e998a6a8c14066a834e0/t/5e190d344c275445aaacdee3/1578700084635/3AD48F_6_0.woff');
  }

//ASSIGN FONTS//
h1 {font-family: 'HAVELOCK LIGHT';}
h2 {font-family: 'HAVELOCK MEDIUM';}
h3 {font-family: 'HAVELOCK REGULAR';}

Can you provide site url? Each template needs different code for Navigation