Jump to content

Making my custom font apply to all

Recommended Posts

Site URL: https://www.ladunq.com/

Hi guys, am trying to apply a custom font throughout our site, have managed to get it on basically everything, except the buttons on the main page and the navigation at the bottom of each section. Any ideas? 

 

Current contents of the CSS are as follows:

 

Thanks in advance!

@font-face {
font-family: MADEDILLAN;
src: url(https://static1.squarespace.com/static/62c9723258e53531b1cab3f6/t/62d5814a58b0321601c37da5/1658159435188/MADE+Dillan+PERSONAL+USE.otf); }
h1 {
font-family: 'MADEDILLAN';
}
h2 {
font-family: 'MADEDILLAN';
}
h3 {
font-family: 'MADEDILLAN';
}
h4 {
font-family: 'MADEDILLAN';
}
 .sqsrte-large {
font-family: 'MADEDILLAN';
}
p {
font-family: 'MADEDILLAN';
}
.sqsrte-small {
font-family: 'MADEDILLAN';
}
// Site Title //
.header-title-text a {
  font-family: 'MADEDILLAN' !important;
}

// Site Navigation //
.header-nav-item a {
  font-family: 'MADEDILLAN' !important;
}

// Button //
.header-actions-action .btn {
  font-family: 'MADEDILLAN' !important;
}

// Announcement Bar //
.sqs-announcement-bar-url a {
  font-family: 'MADEDILLAN' !important;
}
// Small or Tertiary Button //
.sqs-block-button-element--small,  .sqs-button-element--tertiary {
  font-family: 'MADEDILLAN' !important;
}

// Medium or Primary Button //
.sqs-block-button-element--medium, .sqs-button-element--primary {
  font-family: 'MADEDILLAN' !important;
}

// Large or Secondary Button //
.sqs-block-button-element--large, .sqs-button-element--secondary {
  font-family: 'MADEDILLAN' !important;
}
// Newsletter Form Title //
.newsletter-form-header-title {
  font-family: 'MADEDILLAN' !important;
}

// Newsletter Form Description //
.newsletter-form-header-description p {
  font-family: 'MADEDILLAN' !important;
}

// Newsletter Form Fields //
.newsletter-form-field-element {
  font-family: 'MADEDILLAN' !important;
}

// Newsletter Form Button //
.newsletter-form-button {
  font-family: 'MADEDILLAN' !important;
}

// Newsletter Form Footnote //
.newsletter-form-footnote {
  font-family: 'MADEDILLAN' !important;
}// Blog Page Post Title //
.blog-title {
  font-family: 'MADEDILLAN' !important;
}

// Blog Page Post Descriptions //
.blog-excerpt p {
  font-family: 'MADEDILLAN' !important;
}

// Blog Page Read More Link //
.blog-more-link {
  font-family: 'MADEDILLAN' !important;
}

// Blog Post Entry Titles //
 .blog-item-title h1.entry-title {
  font-family: 'MADEDILLAN' !important;
}
// Quote Text //
.sqs-block-quote blockquote {
  font-family: 'MADEDILLAN' !important;
}

// Quote Source //
.sqs-block-quote .source {
  font-family: 'MADEDILLAN' !important;
}

 

Screenshot 2022-07-18 at 20.25.28.png

Link to comment
  • Replies 3
  • Views 295
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

38 minutes ago, AndreaDube said:

 

h3.portfolio-title {
    font-family: 'MADEDILLAN' !important;
}

I don't see any buttons? 

 

Navigation is heading 2

Add to Design > Custom CSS

h2.item-pagination-title {
    font-family: 'MADEDILLAN' !important;
}

You can combine code to make code shorter, something like this

h2.item-pagination-title, h1, h2, h3, h4, .button-block a {
    font-family: 'MADEDILLAN' !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

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.