Jump to content

Custom font not displaying on mobile or Safari. How can I solve it?

Recommended Posts

Site URL: https://yzagacollective.squarespace.com


I bought a custom font and added it to my web with the @font-face tag in CSS. Even though it shows on my desktop (I use Chrome on a mac) it doesnt show on Safari, other laptops that are not mac or mobile.

Here is my CSS code in case Ive missed something:

@font-face {
  font-family: 'yorkshire';
  src: url ('https://static1.squarespace.com/static/5ed8199a3abb3a4b723aeb9c/t/5ed8214ec8268727e40f2fb0/1591222607294/Yorkshire-Regular.ttf') format ('truetype');
  src: url ('https://static1.squarespace.com/static/5ed8199a3abb3a4b723aeb9c/t/5edc289e41190d4542ec5e72/1591486623548/Yorkshire-Regular.woff') format ('woff');
  src: url ('https://static1.squarespace.com/static/5ed8199a3abb3a4b723aeb9c/t/5edc28c52746a420fb9375f9/1591486662269/Yorkshire-Regular.woff2') format ('woff2');

h2 {
  font-family: 'yorkshire'; 

Ps. the password to the site is: yzagacollective

Thanks to anyone who can help me out 🙂

Link to comment
  • Replies 2
  • Created
  • Last Reply


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

  • 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.