Custom Font via CSS

Site URL: https://learn.sydecar.io

When I use this code, it defaults the font to Serif & I need it to be Sans-Serif. I'd be grateful if someone could take a look at this with me! This code not currently installed on the site, but I can add it in if that's helpful!

/* SITE TYPEFACE */
@font-face{

  font-family: roobert ;   

       src: url(https://static1.squarespace.com/static/61805088a13441018ea5ff98/t/6290c9c83b09d5791eaabc09/1653656008106/Roobert-Regular.otf);

  }
h {
  font-family: 'roobert, sans-serif';
  font-weight: 300;
  font-style: sans-serif;
}
h1 {
  font-family: 'roobert';
  font-weight: 300;
    font-style: sans-serif;
 
}
h2 {
  font-family: 'roobert';
   font-weight: 300;
  font-style: sans-serif;
  font-size: 83px;


}
h3 {font-family: 'roobert';
  font-weight: 300;
  font-style: sans-serif;}

h4 {
  font-family: 'roobert';
  font-weight: 300;
  font-style: sans-serif;
  font-size: 45px;
}
p {
  font-family: 'helvetica';
  font-weight: 400;
  font-style: sans-serif;
} 
p1 {
  font-family: 'helvetica';
  font-weight: 400;
  font-style: sans-serif;
} 
p2 {
  font-family: 'helvetica';
  font-weight: 400;
  font-style: sans-serif;
} 
p3 {
  font-family: 'roobert';
  font-weight: 500;
  font-size: 14px;
  font-style: sans-serif;
} 
/* BLOG TITLES */
h1.BlogItem-title {
     font-size: 83px;
     font-style: sans-serif;
  font-family: 'roobert';
 
}

h1.entry-title {
    font-style: sans-serif;
    font-weight: 300;
    font-family: 'roobert';
    
}

h2.list-item-content__title {
    font-style: sans-serif;
    font-weight: 300;
    font-family: 'roobert';
    
} 

h1.blog-title {
    font-style: sans-serif;
    font-weight: 300;
    font-family: 'roobert';
    
} 

I was able to find a solution. I uninstalled the font from my OS Font Book, cut all of my css into a word doc, refreshed the site, then pasted the code directly back in. After that, everything worked fine! 😅