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

Custom font not showing up in all browsers


Jani_dp

Question

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

Hi there,

I've installed a custom font on the website for all text, but although shows up fine on Chrome, it's not displaying correctly in some other browsers.

Help please?

CSS below:

 

/*Adding FAVORIT font*/


@font-face {    
font-family: 'Favorit light';       
src: url('https://static1.squarespace.com/static/5d52382d4813620001d8fc41/t/6029c720fdf5dc081fb1f04b/1613350688241/favorit-light.otf');  }

@font-face {    
font-family: 'Favorit regular';       
src: url('https://static1.squarespace.com/static/5d52382d4813620001d8fc41/t/6029c732ef4fdf139f867521/1613350706747/favorit-regular.otf');  }

@font-face {    
font-family: 'Favorit bold';       
src: url('https://static1.squarespace.com/static/5d52382d4813620001d8fc41/t/6029c719ef4fdf139f8674a1/1613350682351/favorit-bold.otf');  }

@font-face {    
font-family: 'Favorit lining';       
src: url('https://static1.squarespace.com/static/5d52382d4813620001d8fc41/t/6029c73f963d572651042474/1613350719844/Favorit-Regular_Lining.ttf');  }

/*Assign font to headline and paragraph styles*/

h1 {
  font-family: 'Favorit light' !important;
}
h2 {
  font-family: 'Favorit light'!important;
}
h3 {
  font-family: 'Favorit regular'!important;
}
P {
  font-family: 'Favorit light'!important;
}


/*Navigation fonts*/


.Header-nav-folder-title {
  font-family: 'Favorit regular'!important;
}
.Header-nav-item {
  font-family: 'Favorit regular'!important;
}

/*Blog fonts*/


.BlogList-item-title {
  font-family: 'Favorit light'!important;
}

/* Image blocks, captions and button in image blocks */


.sqs-block-image * {
   font-family: 'Favorit light' !important;
}
.sqs-block-image .image-caption p {
 font-size: .95em !important;
 font-family: 'Favorit light' !important;
}

/* Newsletter form button */


.newsletter-form-button {
   font-family: 'Favorit light' !important;
}
.newsletter-form-button-label {
   font-family: 'Favorit light' !important;
      text-transform: none;
}


/*Buttons*/
.sqs-block-button-element {
    font-family: 'Favorit regular' !important;
}
input.button.sqs-system-button.sqs-editable-button {
    font-family: 'Favorit light';
  text-transform: none;
}


/*Mobile menu*/


.Mobile-overlay-nav-item {
  font-family: 'Favorit regular' !important;
  letter-spacing: .13em !important;
}
.Mobile-overlay-folder-item--toggle {
  font-family: 'Favorit regular' !important;
  letter-spacing: .13em !important;
}
.Mobile-overlay-folder-item {
  font-family: 'Favorit regular' !important;
  letter-spacing: .13em !important;
}
 

Thanks!

Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

2 answers to this question

Recommended Posts

Create an account or sign in to comment

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


×
×
  • Create New...