Change the font for links with CSS

I have uploaded two custom fonts. The first (Brandon Grotesque) font I have assigned to the entire website, the second (Didot) is to be used for H1, and H2.

Now I have a text block in H2 on my homepage that I would like to link to my contact page, but as soon as I put a link on the text, the text block changes to the Brandon Grotesque font, although the editor still tells me that I am writing in H2. Does anyone know the solution to this problem?

Can you share how you applied the custom fonts and your website URL?

Yeah sure!

 

Quote

/* Eigene Schrift */

@font-face {

font-family: Brandon Grotesque Light;

src: url(https://static1.squarespace.com/static/64c3bb611eee5633855bcae7/t/64df2b36d5cb3d7012ed4596/1692347190859/Brandon+Grotesque+Light.otf);

}
/* ALLE Texte überall */

html * {font-family: 'Brandon Grotesque Light'}

/* Eigene Schrift */

@font-face {

font-family: Didot Bold;

src: url(https://static1.squarespace.com/static/64c3bb611eee5633855bcae7/t/64df2b302db1e37ccef65a7f/1692347184544/Didot+Bold.otf);

}
/* Überschrift 1 */

h1 {font-family: 'Didot Bold';}

/* Überschrift 2 */

h2 {font-family: 'Didot Bold';}

// ersetzen der Unterstreichung des Links
 a {
  text-decoration:none!important;
}

Thanks a lot! That finally worked! <3 

12 hours ago, Mowgli said:

Thanks a lot! That finally worked! ❤️

Excellent!