Jump to content

emilysilverfranklin

Member
  • Posts

    1
  • Joined

  • Last visited

emilysilverfranklin's Achievements

Level 1

Level 1 (1/20)

0

Reputation

  1. 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; }
×
×
  • 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.