Custom fonts working on one screen but not on others

I've installed some custom fonts and they're working when I'm on my desktop, but on my laptop they all disappear.

Website: www.domsspritzers.com
PW: Doms

CSS

@font-face {
  font-family: 'glowbetter';
  src: url(https://www.domsspritzers.com/s/GlowBetter-jEeLO.otf);
}

@font-face {
  font-family: 'manrope';
  src: url(https://www.domsspritzers.com/s/Manrope-VariableFont_wght.ttf);
}

@font-face {
  font-family: 'averia';
  src:
    url(https://www.domsspritzers.com/s/AveriaSansLibre-Regular.ttf);
}

h1, h2, h3 {
font-family: 'glowbetter';
}

p1 {
font-family: 'manrope';
}
 

6 hours ago, Craigers said:

p1

P1 is not a font class, you need to use:

.sqsrte-large, p and .sqsrte-small

.sqsrte-large, p, .sqsrte-small {
  font-family: 'manrope';
}

https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71

Ooh interesting. I didn't know that. Thank you.

Do you have any idea why the custom fonts wouldnt be displaying on smaller screens?