Jump to content

Custom font on block elements

Recommended Posts

Site URL: https://jellyfish-helicon-yxad.squarespace.com

Hello! I want to change the font pack on my style for a custom font I have, I already change the fonts in the texts but in the blocks like newsletter and footer the preset font does not change.

The code I'm using is this:

@font-face {

    font-family: 'PaloSanto';

       src: url('https://static1.squarespace.com/static/5f868ff0b214ba1d0a021940/t/60524675a1412b06feff1140/1616004725675/PaloSanto.otf');
@font-face {

    font-family: 'Oaxaca';
      src: ('https://static1.squarespace.com/static/5f868ff0b214ba1d0a021940/t/6052467017e4536d21724901/1616004720474/Oaxaca.otf');

h1 {font-family: 'PaloSanto';}
h2 {font-family: 'Oaxaca';
  letter-spacing: 7px;
h3 {font-family: 'Oaxaca';letter-spacing: 7px;}
h4 {font-family: 'Oaxaca';letter-spacing: 7px;}

nav.header-menu-nav-list *, .header-nav * {
    font-family: 'Oaxaca' !important;
    text-transform: uppercase;

Link to comment
  • Replies 1
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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.