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';}