Custom Font on all Pages

Site URL: https://coastalkitchen.squarespace.com/config/pages

Hey all!

I've added a custom font to my site already, but I'm having trouble getting ALL of the fonts on my website to update to the custom font. I've tried setting all the major global fonts - h1, h2, h3, p, etc...- to it in the CSS coding, but there are still some resistant to change (example: the quotes on the Review page). Can anyone help me get all the fonts to match?

Thanks,

Sorry, I should include the code:

@font-face {

    font-family: 'Nexa Light';

       src: url('https://static1.squarespace.com/static/60b7e751d66e124dc3f7d4de/t/61bb957ac63dcf3b18811bc2/1639683450338/nexa-light.otf');

  }

.quote-block .quote {font-family: 'Nexa Light';}

h1 {font-family: 'Nexa Light';}
h2 {font-family: 'Nexa Light';}
h3 {font-family: 'Nexa Light';}
h4 {font-family: 'Nexa Light';}
p {font-family: 'Nexa Light';}
.sqs-block-button-element {font-family: 'Nexa Light' !important;}
.header-title-text {font-family: 'Nexa Light' !important;}
.header-nav-item {font-family: 'Nexa Light' !important;}
.header-actions-action .btn {font-family: 'Nexa Light' !important;}

Use this new code

@font-face {
    font-family: 'Nexa Light';
       src: url('https://static1.squarespace.com/static/60b7e751d66e124dc3f7d4de/t/61bb957ac63dcf3b18811bc2/1639683450338/nexa-light.otf');
  }
/* make every elements on site custom font */
* {font-family: 'Nexa Light' !important;}