emilysilverfranklin

Site URL: https://hypersphere-papaya-gjr4.squarespace.com

--

Hello! I am also having this problem–my custom font is showing up on my local machine, but not my phone or when I share the site with others. I was able to fix the issue with the paragraph font by reading through this thread, but the font on all of the buttons is breaking. I know only the very basics of CSS, so I'm sure I'm doing something wrong!

Here is the CSS I'm using:

--

@font-face {

    font-family: 'Muli';

       src: url('https://static1.squarespace.com/static/6430411157597016a5102b3b/t/643041733d350627d9670839/1680884083339/Muli.ttfhttps://static1.squarespace.com/static/6430411157597016a5102b3b/t/643041733d350627d9670839/1680884083339/Muli.ttf');

  }

h3 {font-family: 'Muli';}

h3 {

  font-family: 'Muli';
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.01em;
  text-transform: none;
  line-height: 1.5em;

}

p {font-family: 'Muli'!important;

}

p {

  font-family: 'Muli';
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.5em;

}

.sqsrte-small {
  font-family: 'Muli';
  font-weight: 500;
  font-style: normal;
  font-size: 16px;
  letter-spacing: 0.01em;
  text-transform: none;
  line-height: 1.5em;
}

.header-nav *, nav.header-menu-nav-list * {
    font-family: 'Muli' !important;
}

.sqs-block-form .field-element::placeholder {
  font-family: 'Muli' !important;
}

.form-wrapper .field-list .field select {
  font-family: 'Muli' !important;
  font-style: normal !important;
  font-size: 10px;
}

/* Links underline */
div.accordion-item__description p a {
    border-bottom: 1px solid black;
}

/* Links font style */
div.accordion-item__description p {
    font-family: 'Muli';
      font-weight: 500;
    font-style: normal;
    font-size: 16px;
    letter-spacing: 0.01em;
    text-transform: none;
    line-height: 1.5em;
}

.form-wrapper .field-list .field .caption {
  font-family: 'Muli'!important;
  font-weight: 500 !important;
  font-style: normal !important;
  font-size: 16px !important;
  text-transform: normal !important;
  line-height: 1.5em !important;
}

.form-wrapper .field-list .title {
  font-family: 'Muli'!important;
  font-weight: 500 !important;
  font-style: normal !important;
  text-transform: uppercase !important;
  line-height: 1.5em !important;
}

@font-face {

    font-family: 'Muli-Bold'!important;

       src: url('https://static1.squarespace.com/static/6430411157597016a5102b3b/t/64304dc6647a77328ef7b426/1680887238600/Muli-Bold.ttf');

  }

// Medium or Primary Button //
.sqs-block-button-element--medium, .sqs-button-element--primary {
  font-family: 'Muli-Bold' !important;
  text-transform: uppercase;
}

//does not work//

// Small or Tertiary Button //
.sqs-block-button-element--small,  .sqs-button-element--tertiary {
  font-family: 'Muli-Bold' !important;
  text-transform: uppercase;
}

// Large or Secondary Button //
.sqs-block-button-element--large, .sqs-button-element--secondary {
  font-family: 'Muli-Bold' !important;
  text-transform: uppercase;
}

.header-actions-action--cta .sqs-button-element--primary {
   font-family: 'Muli-Bold'!important;
}

.donation-block {
    font-family: 'Muli-Bold'!important;
}

.sqs-block-button-element {
    font-family: 'Muli-Bold'!important;
}