Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
eftpaul

Custom font not appearing

Question

I am trying to integrate my brand font onto my site. I've uploaded .otf, .tff, .woff and .woff2 files and written in the following code, but nothing is showing up. What step have I missed?


@font-face {
 font-family: ‘Recoleta’; 
 src:
 url(https://static1.squarespace.com/static/58f67b6559cc681f3e7952a4/t/5d52d24a9ba36a0001754a2a/1565708876500/Recoleta-RegularDEMO.otf),
 url(https://static1.squarespace.com/static/58f67b6559cc681f3e7952a4/t/5d541d6893076a0001b08473/1565793641589/recoleta-regulardemo-webfont.ttf),
 url(https://static1.squarespace.com/static/58f67b6559cc681f3e7952a4/t/5d541d6c6d1386000119e90f/1565793644812/recoleta-regulardemo-webfont.woff),
 url(https://static1.squarespace.com/static/58f67b6559cc681f3e7952a4/t/5d541d704ae1de000165caf4/1565793648439/recoleta-regulardemo-webfont.woff2); }
h1,h2 {font-family: 'Recoleta', Lato;}

Any help appreciated!

Edited by eftpaul
Initial Revision

Share this post


Link to post

5 answers to this question

Recommended Posts

  • 0

The second line doesn’t have the correct quote marks.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0

The second line doesn’t have the correct quote marks.


sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post
  • 0

font-family: 'Recoleta';

is fine, but

font-family: ‘Recoleta’;

is not.

Those 'smart' quotes (the angled ones in your question) won't be recognised and will cause an error.

Edited by Paul2009
Initial Revision

sf-digital-signature-logo-email145.png.46606a2288a2847f44d81b9b7b58f3a5.png
Hi, I'm Paul, founder of SF Digital, a specialist company building the features that Squarespace didn't include
I am a Squarespace Developer and Squarespace Circle Leader with a
strong reputation on the Squarespace Forum. I'm trusted by thousands of Squarespace users worldwide, including designers, freelancers, business owners and agencies. My extensions add capabilities to Squarespace websites around the globe. They include the Enquiry Form ExtensionDatepicker Extension and Age Verification ExtensionNeed a custom Squarespace extension? Tell me about the functionality you need. Note that some links in my posts may be affiliate links. Book a Squarespace Expert when you need help.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...