Jump to content

Custom font not rendering

Recommended Posts

Site URL: https://benoitaguesse.com

I'm trying to use a custom font for my website, and although I am pretty sure my CSS is correct, the font is not displayed properly on the site (editor, desktop nor mobile, doesn't work anywhere). Instead, a serif font is used. I tried with different formats of my font, including .OTF, .TTF, .WOFF and .WOFF2, but it didn't change anything... Do some of you have the same problem ? And if so how did you work around ?

CSS code :

 

// Import Everett Light
font-face {
font-family: 'EL';
src: url('https://static1.squarespace.com/static/633361701d8df836f83f1f28/t/633efddf56fd4c224785fe30/1665072610130/EL.woff');
}

// Import Everett Regular
font-face {
font-family: 'ER';
src: url('https://static1.squarespace.com/static/633361701d8df836f83f1f28/t/633efde79cb2ef2c07e29d04/1665072617008/ER.woff');
}

// Import Everett Medium
font-face {
font-family: 'EM';
src: url('https://static1.squarespace.com/static/633361701d8df836f83f1f28/t/633efde3624bff41cd6296c6/1665072613042/EM.woff');
}

// Import Everett Bold
font-face {
font-family: 'EB';
src: url('https://static1.squarespace.com/static/633361701d8df836f83f1f28/t/633efddc7fd22a28ef610d71/1665072606677/EB.woff');
}

// Assigning fonts
h1 {font-family: 'EB';}
h2 {font-family: 'EM';}
h3 {font-family: 'EM';}
h4 {font-family: 'ER';}
p {font-family: 'EL';}

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.