Jump to content

Custom Font Not Working

Recommended Posts

Site URL: https://www.marcofbruni.com/

I'm trying to add a custom font to my website but it doesn't seem to be working.

I have installed the ttf, woff and woff2 files and have used what I believe are the correct codes.

Would someone be able to help me figure out why this isn't working 😞

I also went back to see if the current Heading selected on my site is h1 and it is, so I'm a bit confused as to why this isn't updating.

 

Fonts.png

Codes 1.png

Codes 2.png

Edited by marcofbruni
typo
Link to comment
  • Replies 1
  • Views 195
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

You paste some characters into url, make font url doesn't exist.

Use this new code

@font-face {
    font-family: 'adam-medium';
    src: url(https://static1.squarespace.com/static/5e8ba2d8fe4f36648f68daf1/t/628e56e16660714b4393b1b1/1653495521774/Adam-Medium.ttf);
    src: url(https://static1.squarespace.com/static/5e8ba2d8fe4f36648f68daf1/t/628e56e57af3ea47ee4ff5c9/1653495525082/adam-medium-webfont.woff),url(https://static1.squarespace.com/static/5e8ba2d8fe4f36648f68daf1/t/628e56e7604b4b49b501505b/1653495527784/adam-medium-webfont.woff2);
}

h1 {
    font-family: 'adam-medium';
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.