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

Custom fonts not loading on mobile


Recommended Posts

Argh! I dont understand why my custom KAVANA font appears on mobile in some parts but not others. Help!

website: marcellopisu.com

Here's the code:

@font-face {   
font-family: 'KAVANA';   
src: url(URL.ttf/.otfhttps://static1.squarespace.com/static/5849765d15d5db8cc435ef05/t/5e28d1a6e3920e6502041130/1579733414585/KAVANA_by_Vinny+Olimpio.otf), url(URL.woffhttps://static1.squarespace.com/static/5849765d15d5db8cc435ef05/t/6149d8cea1a1c2375c8aa173/1632229582511/kavana_by_vinny_olimpio-webfont.woff), url(URL.woff2https://static1.squarespace.com/static/5849765d15d5db8cc435ef05/t/6149d8e2374806355e90a625/1632229602918/kavana_by_vinny_olimpio-webfont.woff2);}

h1 {
font-family: 'KAVANA';}

h2 {
font-family: 'KAVANA';}

Link to comment
9 hours ago, StudioMP said:

I dont understand why my custom KAVANA font appears on mobile in some parts but not others.

Most likely you need more specific selectors. Specifying h1 or h2 doesn't mean that all h1 or h2 everywhere will get your font.

In other words the places you are not getting your font to show may need a different selector.

Find my contributions useful? Please like, upvote, mark my answer as best , and see my profile. Thanks for your support!

Link to comment
On 10/21/2021 at 2:27 AM, mims said:

linecounseling.squarespace.com 

password: line

Hi,

remove sans-serif in font face code. It should be

@font-face {
    font-family: 'Sunflower';
    src: url('https://static1.squarespace.com/static/6151d06bb4fcfe7439d9f3db/t/616c7c877f51613cde10532d/1634499719814/Sunflower-Bold.ttf');
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 3 weeks later...

Create an account or sign in to comment

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

×
×
  • Create New...