Jump to content

Custom Font for H3 Not working (7.0/Brine)

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: http://ashlyhilst.com

I uploaded two custom fonts using custom CSS. The first works great. The second is script font and when I assigned it to H3, the font changes--but NOT to the right font. It's either a non-script version of the font or something else, but it's not the right font at all. Here is the custom CSS I have entered right now:

/*CUSTOM FONTS*/
@font-face {font-family: 'ZILLA SLAB';
src:url('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdbad6e1692c5f1dd4c7/1589378491336/ZillaSlab-Light.ttf');
font-weight: normal;
font-style: normal;
}
@font-face {font-family: 'ZILLA SLAB';
src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdd39196437d95225f62/1589378516080/ZillaSlab-LightItalic.ttf');
font-weight: normal;
font-style: italic;
}
@font-face {font-family: 'ZILLA SLAB';
src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdaa724b855efa3c628f/1589378474729/ZillaSlab-Medium.ttf');
font-weight: bold;
font-style: normal;
}
@font-face {font-family: 'ZILLA SLAB';
src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebbfdb202ed8c08bc667dc9/1589378483974/ZillaSlab-MediumItalic.ttf');
font-weight: bold;
font-style: italic;
}
h2 {font-family: 'ZILLA SLAB';}

@font-face {font-family: 'MARGO SCRIPT';
src:url ('https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebca53677e24d5defb66534/1589421366503/Jen+Wagner+Co.+-+Margo+Script+Regular.otf');
font-weight: normal;
font-style: normal;
}
h3 {font-family: 'MARGO SCRIPT';}

 

The issue I'm having is with the Margo script one. The Zilla slab works just fine. Any help would be appreciated!

 

 

Link to comment
  • Solution

edit last code to this (just copy & paste)

@font-face {
    font-family: 'MARGO SCRIPT';
    src: url(https://static1.squarespace.com/static/59402249b8a79bde2d99ce52/t/5ebca53677e24d5defb66534/1589421366503/Jen+Wagner+Co.+-+Margo+Script+Regular.otf);
    font-weight: normal;
    font-style: normal
}
h3 {
    font-family: 'MARGO SCRIPT';
}

image.thumb.png.3b13d6b885ed6657acc1ce1fb275ec27.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

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

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.