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

Custom font not appearing


eftpaul

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!

Link to comment
  • Answers 5
  • Created
  • Last Reply

5 answers to this question

Recommended Posts

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

Improve your online store with our extensions.
About: Sqsp Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Expert and founder of SF Digital, dedicated to improving websites by building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment

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

Improve your online store with our extensions.
About: Sqsp Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Expert and founder of SF Digital, dedicated to improving websites by building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment

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.

Improve your online store with our extensions.
About: Sqsp Circle Leader since 2017. I value honesty, transparency, appreciation and great design ♥.
Work: Squarespace Expert and founder of SF Digital, dedicated to improving websites by building the features Squarespace didn't include™.
Content: Links in my posts may refer to SF Digital products or may be affiliate links.

Link to comment

Archived

This topic is now archived and is closed to further replies.


×
×
  • Create New...