Jump to content

Custom font CSS not working on all browsers (desktop and mobile)

Go to solution Solved by tuanphan,

Recommended Posts

I'm completely at a loss. I've tried this multiple times on both a 7.1 and 7.0 website and my custom font just isn't showing. The website I'm trying to upload it to is this one: jesskasriel.com (pw: inprogress)

Here is the code:

///// CUSTOM FONTS /////

/// SCRIPT FONT ///
@font-face {

font-family: Script !important; 

src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87f1fc10491d24e73d14/1682933747871/HarlowDuoScript.otf);

}

/// MAIN HEADER FONT ///
@font-face {

font-family:Regular !important;
src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87f740407937faecb676/1682933752119/HarlowDuoSerif.otf);

}

/// HEADER ALTERNATIVE ///
@font-face {
font-family: Alternative !important;
src: url(https://static1.squarespace.com/static/63ca6aba236a6c0fc8122eb8/t/644f87fbecbee4661b03c720/1682933755186/HarlowDuoSerifPlain.otf);

}

h1, h2, h4, h5 {
font-family: Regular !important;}


h3 {
font-family: Script !important;}

/// DESKTOP HEADER NAV ///
.header-nav-item
{
  font-family:'Regular'!important;
}

 

I have tried deleting the code and re-uploading the files multiple times but nothing is working. If anyone could help I would be SOOOO grateful. I just can't seem to figure out what the problem is.

Screenshot 2023-05-01 at 17.16.52.png

Link to comment
  • Replies 2
  • Views 224
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

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.