Custom Font Blog Title Side By Side Blog Format

Hi everyone! First time poster. 

I'm working on a client's site - and for some reason the custom font(s) aren't pulling through to her blog page. 

https://www.theemdashco.com/blog

She is using the "alternating side by side" blog format. The custom fonts are 'Glendale' and 'Polaris'. 

I've searched through the forum, tried every code, ID identifier, etc. and still nothing will change it. Any ideas? 

Here is all the code I currently have in CSS as related to custom fonts.

.sqs-announcement-bar-close {display:none}

@font-face {

font-family: 'Glendale';

src: url('https://static1.squarespace.com/static/646e733db0d31f6a11580f74/t/647e2fd13d7fe04fd3915ae5/1685991377750/glendale-glendale-regular-400.otf');}

@font-face {

font-family: 'Polaris';

src: url('https://static1.squarespace.com/static/646e733db0d31f6a11580f74/t/647e375cb885e64e8fb3c730/1685993308302/Polaris_V2_Medium.otf');}

h1 {font-family: 'Glendale';}

h2 {font-family: 'Glendale';}

h3 {font-family: 'Glendale';}

h4 {font-family: 'Glendale';}

p {font-family: 'Polaris';}

//portfolio title font//

h1.portfolio-hover-item-title {font-family: 'https://static1.squarespace.com/static/646e733db0d31f6a11580f74/t/647e375cb885e64e8fb3c730/1685993308302/Polaris_V2_Medium.otf' !important;} 

h1.portfolio-hover-item-title {font-size: calc(6.6vw + 5rem) !important;}

#block-646e7365b0d31f6a11581899 {

   h1 {font-size:2.3rem !important}

   h1 {font-family:'https://static1.squarespace.com/static/646e733db0d31f6a11580f74/t/647e2fd13d7fe04fd3915ae5/1685991377750/glendale-glendale-regular-400.otf' !important}

}

Do you still need help?