Jump to content

Custom fonts in trial

By Bridie, in Fonts, colors and images

Go to solution Solved by tuanphan,

Recommended Posts

Bridie Level 5

Bridie

Posted
Posted

Hi all, I've installed some custom fonts on my website by adding them as custom files then using custom css code. It works fine for me, but my husband just logged in as me on his computer to check and they don't work. Just wondering if this is because I'm still in trial mode (thinking the fonts haven't fully uploaded or something) or if there is an issue with my code? Could be a totally stupid question but not sure how to know!!

Thanks so much

https://squid-raccoon-pxc9.squarespace.com/ password: cr3ate

Link to comment
  • Replies 5
  • Views 781
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

ReformDesign
ReformDesign

Hello! Did you by chance delete the file in custom files after you uploaded it and got the URL? Your CSS looks correct, but I tried visiting the source url that Cooper font was tied to and nothin

Bridie
Bridie

Ohhhhh thank you! So I hadn't deleted them but as this was my second trial, I'd reuploaded the fonts but not changed the links in the code. Thank you for being my brain 😊

tuanphan
tuanphan

I see you have 5 fonts You need to use 5 font-face code @font-face { font-family: 'cooperhewitt-heavyitalic'; src: url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t

ReformDesign Level 5

ReformDesign

Posted
Posted

Hello!

Did you by chance delete the file in custom files after you uploaded it and got the URL? Your CSS looks correct, but I tried visiting the source url that Cooper font was tied to and nothing seems to be there. 

(https://static1.squarespace.com/static/628b6e8c7f9fde6ff6d77a65/t/6294b3f2c5a1d636f22a0d73/1653912563551/cooperhewitt-heavyitalic.otf)

If you deleted it, you'll need to re-upload it in custom files (keep it there) and change the source URLs in your CSS. If I'm off here, sorry! Just a shot in the dark really. 

Link to comment
  • Solution
tuanphan Level 17

tuanphan

Posted
  • Solution
Posted
On 10/26/2022 at 10:37 PM, Bridie said:

Ohhhhh dear apparently it's still not working even though I updated the links. When I visit the source url the font is there so I'm not sure why it's not showing for other people?

I see you have 5 fonts

You need to use 5 font-face code 

@font-face {
    font-family: 'cooperhewitt-heavyitalic';
    src: url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d298e31e0ae37060f8898/1666001295124/cooperhewitt-heavyitalic.otf),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d2993f77b8b342df92498/1666001299441/cooperhewitt-heavyitalic.woff),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d299a90b543251fb982aa/1666001306145/cooperhewitt-heavyitalic.woff2);
}
@font-face {
    font-family: 'kollektif';
    src: url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d2943980d17255dd684c0/1666001219197/kollektif.ttf),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d294b7cc5233359a195b5/1666001227590/kollektif.woff),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d295015d3324890a7308d/1666001232869/kollektif.woff2);
}
@font-face {
    font-family: 'kollektif-bold';
    src: url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d292f4daf9b40a987362f/1666001199703/kollektif-bold.ttf),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d29368663a650a606c58d/1666001206848/kollektif-bold.woff),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d293ccfa5832740fee22e/1666001212447/kollektif-bold.woff2);
}
@font-face {
    font-family: 'kollektif-bolditalic';
    src: url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d295ec9b27123a5725d63/1666001246979/kollektif-bolditalic.ttf),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d29577921a1649bf122fa/1666001239757/kollektif-bolditalic.woff),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d296367ec863012c412c9/1666001251892/kollektif-bolditalic.woff2);
}
@font-face {
    font-family: 'kollektif-italic';
    src: url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d296a8663a650a606c917/1666001258486/kollektif-italic.ttf),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d2972ad63934341667118/1666001266693/kollektif-italic.woff),url(https://static1.squarespace.com/static/634d2447e98a0b7dbaa88c96/t/634d2978aaf68e46d46690e9/1666001272406/kollektif-italic.woff2)
}

Then it will work.

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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources