Font CSS Not Showing on Published Site

Site URL: https://armadillo-chrysalis-chb5.squarespace.com/

A site that I've added custom fonts to doesn't seem to reflect the CSS changes for the body on different devices, but does show the font on my browser in editing mode. 

Site: https://armadillo-chrysalis-chb5.squarespace.com/

Password: katiegall 

Here is the CSS included (these files have been uploaded). 

@font-face {
font-family: 'Arsilon';
src: url('https://static1.squarespace.com/static/6022e0664d3b9b76d5c4a273/t/6033c3d57dd52d12adb796a3/1614005206282/Arsilon.otf');}
@font-face {
font-family: 'Monterrat-Regular';
src: url('https://static1.squarespace.com/static/6022e0664d3b9b76d5c4a273/t/6033c49be6476567185350e2/1614005403513/Montserrat-Regular.ttf');}
@font-face {
font-family: 'Montserrat-BoldItalic';
src: url('https://static1.squarespace.com/static/6022e0664d3b9b76d5c4a273/t/6033c4ea8a8e7b157b8dcaf9/1614005483011/Montserrat-BoldItalic.ttf');} 
h1{ font-family: 'Arsilon' !important;}
h2{font-family: 'Arsilon' !important;}
h3{font-family: 'Montserrat-BoldItalic' !important;}
p{font-family: 'Montserrat-Regular' !important;}

Any insight is appreciated! 

It looks fine here. Do you still need help?