Jump to content

Jani_dp

Circle Member
  • Posts

    13
  • Joined

  • Last visited

Posts posted by Jani_dp

  1. 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!

×
×
  • 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.