Hi, my custom font code is not allowing the font choice to be clickable on firefox. It loads fine and works great on every other browser but for some reason my hyperlinks don't work on firefox. Any help would be appreciated.
Site: https://www.nolanmatthews.com/
Code:
//Custom Font //
@font-face {
font-family: 'DIN Regular';
src: url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae45865c4d1b2854a3a9/1709157957805/DIN+Regular.otf),
url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae3353156d2d3cd4474b/1709157939610/DIN+Regular.woff),
url(https://static1.squarespace.com/static/65df790327901b71a48a2051/t/65dfae393a03382a1622fc8d/1709157945994/DIN+Regular.woff2);
}
.sqs-block-button-container a{
font-family: DIN Regular !important;
}
h1 {font-family: 'DIN Regular';}
h2 {font-family: 'DIN Regular';}
h3{font-family: 'DIN Regular';}
h4{font-family: 'DIN Regular';}
p {font-family: 'DIN Regular';}
p2 {font-family: 'DIN Regular';}
p3 {font-family: 'DIN Regular';}
.sqs-block-form .field-list .title,
.sqs-block-form .field-list .caption,
.form-wrapper .field-list .field .field-element,
.sqs-block-form .field-list select,
.form-wrapper .field-list textarea,
body:not(.button-style-default) .sqs-block-form .sqs-editable-button {
font-family: "DIN Regular" !important;
}
h1 a, h2 a, h3 a, h4 a, p a {
text-decoration: none !important;
}