Making my custom font apply to all

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;
}

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

I don't see any buttons? 

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;
}

Absolutely amazing guys, thank you so so much!!  All sorted. 

Massively appreciated it! 

x