Custom font no longer working

When my website was changed from version 7.0 to 7.1 it seemed to break the custom fonts that were previously uploaded so easily. 😞 

I am now trying the CSS route although this is my first shot at coding. The below worked for a few days, but ultimately broke. Any help/tips appreciated!

@font-face {

    font-family: 'FontTitle';

       src: url('https://static1.squarespace.com/static/643af7a92ed58d2bdafdb62b/t/6582fe0a8b00237d573e2731/1703083531077/Atteron.ttf');

  }

h1 {font-family: 'Atteron';}
.sqs-block-button-container a{
    font-family: 'Atteron' !important; }

Hi @raccan is the above your exact CSS code from Custom CSS? If so, you just need to make 1 correction.

You have called your font-family as 'FontTitle', but tried to use it for h1 as 'Atteron'. Update your code to the below.

@font-face {

    font-family: 'Atteron';

       src: url('https://static1.squarespace.com/static/643af7a92ed58d2bdafdb62b/t/6582fe0a8b00237d573e2731/1703083531077/Atteron.ttf');

  }

That should work. Let me know how it goes.

If not, I have a step-by-step Beginner's Guide to Custom Font that explains what needs to be done, but also some common problems that people come across. Actually yours is the 1st bullet point under the Top 5 Reasons why Custom Fonts are not working section 🙂 

That worked! thank you so much!

1 hour ago, raccan said:

That worked! thank you so much!

You are very welcome 😊 glad it's working for you.

If you could give my solution a thumbsup or mark as solution, it will help others find the answer easier. Thanks!