Jump to content

Custom font not working on Mobile

Recommended Posts

Posted

Hello, my custom font was previously working on Mobile but now it is not. My screenshot shows it's pulling in some areas but not all.

https://heptagon-kangaroo-cxhc.squarespace.com/

pass: hndlhomes

 

Here is the code I have input:

url('https://static1.squarespace.com/static/6511a807de16be47fc25962d/t/6511af9bf6537a05c7d44bd1/1695657885773/Unbounded-Medium.ttf');
}
@font-face {
font-family: 'Unbounded-Regular';
src: url(https://static1.squarespace.com/static/6511a807de16be47fc25962d/t/6511afacb40bae09dd64bf75/1695657901347/Unbounded-Regular.ttf);
}
h1 {
font-family: 'Unbounded-Bold'!important;
}
h2 {
font-family: 'Unbounded-SemiBold'!important;
}
h3 {
font-family: 'Unbounded-Medium'!important;
}
h4 {
font-family: 'Unbounded-Regular'!important;
}

IMG_2276.PNG

  • Replies 3
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Posted
1 hour ago, 48thmediaco said:

Here is the code I have input:

url('https://static1.squarespace.com/static/6511a807de16be47fc25962d/t/6511af9bf6537a05c7d44bd1/1695657885773/Unbounded-Medium.ttf');
}

Hi, which text is not working as you expect? What font are you expecting it to be?

Also, is that all the code? As it seems cut off from the top.

And the code to load the font file for Unbounded-SemiBold is not in your code.

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Nerd
When I have time, I like to help on the Forum, but if you need my full attention, please send your request here.

Tools I use (affiliate links😞
📅Blog Date Format plugin (Free by BeyondSpace)
Lazy Load Summary Block plugin (by Squareswebsites
)
📜Privacy Policy & Cookie Consent plugin (10% off by Termageddon
)
📈SEO plugin for Squarespace (by SEOSpace
)

 Did I help? I like coffee (Thank you)

Posted

The whole string of code didn't pull, here it is again. H1 text seems to be the most troublesome on mobile.

@font-face {
font-family:'Unbounded-Bold';
src: url('https://static1.squarespace.com/static/6511a807de16be47fc25962d/t/6511afa4bd9bc20ec8650136/1695657892911/Unbounded-Bold.ttf');
}
@font-face {
font-family:'Unbounded-SemiBold';
src: url('https://static1.squarespace.com/static/6511a807de16be47fc25962d/t/6511af9bf6537a05c7d44bd1/1695657885773/Unbounded-SemiBold.ttf');
}
@font-face {
font-family:'Unbounded-Medium';
src: url('https://static1.squarespace.com/static/6511a807de16be47fc25962d/t/6511af9b9c544f0ec63dc077/1695657885821/Unbounded-Medium.ttf');
}
@font-face {
font-family: 'Unbounded-Regular';
src: url(https://static1.squarespace.com/static/6511a807de16be47fc25962d/t/6511afacb40bae09dd64bf75/1695657901347/Unbounded-Regular.ttf);
}
h1 {
font-family: 'Unbounded-Bold' !important;
}
h2 {
font-family: 'Unbounded-SemiBold' !important;
}
h3 {
font-family: 'Unbounded-Medium' !important;
}
h4 {
font-family: 'Unbounded-Regular' !important;
}
 

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.