Custom font not applying to paragraph text

Hi. 

This has probably been answered/solved before but wow I cannot work this out. 

I'm applying a custom font named Graphik-Regular. I have the oft file and converted to woff and woff2. 

i've managed to apply the font to headers, some buttons... but can't seem to get it to work for any paragraph text or navigation links.

my password on the site is 'nurture'

Can anyone tell me what i'm doing wrong here? 

Here is my custom code:

//custom font//
@font-face {
font-family: 'Graphik-Regular';  
src: url(https://static1.squarespace.com/static/64537f15ef3408116832dc62/t/646746f64375846fc35ae3d2/1684489975193/Graphik-Regular.otf), url(https://static1.squarespace.com/static/64537f15ef3408116832dc62/t/646749510e4bc411f643ba45/1684490577358/graphik-regular-webfont.woff), url(https://static1.squarespace.com/static/64537f15ef3408116832dc62/t/6467495418cdb87f9aeddaa8/1684490580705/graphik-regular-webfont.woff2);
}
h1 {
font-family: 'Graphik-Regular';
}
h2 {
font-family: 'Graphik-Regular';
}
h3 {
font-family: 'Graphik-Regular';
}
h4 {
font-family: 'Graphik-Regular';
}
p {font-family: 'Graphik-Regular' !important;}

header#header a.btn {
    font-family: 'Graphik-Regular' !important;
}
// Medium or Primary Button //
.sqs-block-button-element--medium, .sqs-button-element--primary {
  font-family: Graphik-Regular !important;
}