I added CSS for a custom font (Filson Pro Book). I also applied the font to all sections (I believe). It has only worked for my headers and buttons though. I have been searching for a way to have it apply to the paragraph text, but I haven't been able to get it to work. Any help is appreciated.

Here is the CSS code (which is listed after text on hover code, if that matters):

 

@font-face {

  font-family: Filsonprobook;

  src: url(https://static1.squarespace.com/static/62e27e4a55c72351b64520d4/t/63dd9f99b48cd640c8a24c60/1675468697832/FilsonPro-Book.woff) format('woff');

}

 

h1 {

font-family: 'Filsonprobook';

}

 

h2 {

font-family: 'Filsonprobook';

}

 

h3 {

font-family: 'Filsonprobook';

}

 

h4 {

font-family: 'Filsonprobook';

}

 

p {

font-family: 'Filsonprobook';

}

 

.sqsrte-large {

font-family: 'Filsonprobook'!important;

}

 

.sqsrte-small {

font-family: 'Filsonprobook'!important;

}

 

a {text-decoration: none !important; }

 

Can you share your website URL?

https://tangerine-algae-6py4.squarespace.com

Interesting, my browser is rendering the correct font for the paragraphs:

As well as for headings, buttons are not, but you haven't assigned that in your code....yet (if you want?)

The problem is that Filson Pro Book is supposed to look like this: The quick brown fox jumps over the lazy dog

Even though the text (says) it is Filson Pro Book; it is still Adonis (which was the original font). 

That is what is really throwing me off since it seems like everything is applied to be Filson.

Edited February 10, 2023 by jayperry

There could be an issue with the font file, what does that look like when you open in on your computer? Does it display correctly there?