Google Fonts doesn't load on Website

Site URL: https://www.stimtlc.it/

Hello everybody,

I entered Google Fonts on this website and, until a few hours ago, they were displayed correctly and perfectly.

For an hour now it's as if they were down, and the CSS code no longer worked.
I had also inserted a Custom Header which now opens as soon as I enter the page and shows the older (basic) menu in Soluzioni.

I have absolutely not touched the CSS code, it is as if this all happened suddenly.

Can you help me?

Just now, C_D said:

Site URL: https://www.stimtlc.it/

Hello everybody,

I entered Google Fonts on this website and, until a few hours ago, they were displayed correctly and perfectly.

For an hour now it's as if they were down, and the CSS code no longer worked.
I had also inserted a Custom Header which now opens as soon as I enter the page and shows the older (basic) menu in Soluzioni.

I have absolutely not touched the CSS code, it is as if this all happened suddenly.

Can you help me?

This is the code I'm using. And when I'm editing in Squarespace I can see the right font and they modify according to what I'm writing onto code.

.form-wrapper .field-list .title {
 font-family: 'DMSans-Medium';
 font-size: 10px;
 border-top-style: hidden;
 border-right-style: hidden;
 border-left-style: hidden;
}

@font-face {
    font-family: 'DMSans-Bold';
       src: url('https://static1.squarespace.com/static/6059e93a57458154a76c3b28/t/60d4a506aeb5c46a445ba0bf/1624548614162/DMSans-Bold.ttf');
  }

@font-face {
    font-family: 'DMSans-Medium';
       src: url('https://static1.squarespace.com/static/6059e93a57458154a76c3b28/t/60d4a517715f6e6f18c84b8e/1624548631811/DMSans-Medium.ttf');
  }

@font-face {
    font-family: 'DMSans-Regular';
       src: url('https://static1.squarespace.com/static/6059e93a57458154a76c3b28/t/60d4a52496917078223888a6/1624548644874/DMSans-Regular.ttf');
  }

h1 {font-family: 'DMSans-Medium'; font-size:50px; line-height: 1;}
h2 {font-family: 'DMSans-Medium'; font-size:42px; line-height: 1.2;}
h3 {font-family: 'DMSans-Medium'; font-size:32px; line-height: 1.2;}
h4 {font-family: 'DMSans-Medium'; font-size:20px; line-height: 1.2;
}

sqsrte-large {font-family: 'DMSans-Medium'; font-size:20px}
p {font-family: 'DMSans-Regular';
  font-size:16px;
  line-height: 1.8;
  opacity: 0.8;
}

@media screen and (max-width: 960px) {
  h1 {
    font-size: 32px;
  }
  h2 {
    font-size: 28px;
  }
  h3 {
    font-size: 20px;
  }
   h4 {
    font-size: 16px;
  }
  p {
    font-size: 16px;
  }
  a {
  font-family: 'DMSans-Regular';
    font-size: 16px;
    line-height: 1.2;
  }
}

Hi. It looks like you solved this?

5 hours ago, tuanphan said:

Hi. It looks like you solved this?

Unfortunately the problem is still there.

As you can see there is a "Times New Roman" like font that it isn't supposed to be there!

I can't understand why this happen. Please help me!