@font-face is not working in Firefox

You only have one font type;

@font-face {
  font-family: museo;
  src: url("https://www.benmackiedesign.com/Museo_Slab_500.otf") format("opentype");
  }

There should be 4 font types. One for each major browser
https://browser.https://stackoverflow.com/questions/9519560/cross-browser-font-face-use

I am talking about the first link:

https://lesleyandben.com/

The second one works fine.

nevermind

Huh?

I am setting the font as this

@font-face {
font-family: chaparral;
src: url(“https://www.benmackiedesign.com/ChaparralPro-Italic.otf”) format(“opentype”);
}

and then calling it in the h1

h1 {
font-family: chaparral, sans-serif;
color:#E4C8D9;
font-size:28px;
font-weight:normal;
}

Is that not right?

It’s the same issue as before, you need multiple font types.

I am using the same syntax on the other site and it works fine.

I got it. lesleyandben.com is an addon domain