PRO: How to change font of site name using webfont kit and CSS?

[hanniballecter]

Hi pros
I’m new to PRO and I’m stuck with a simple problem: I bought a web font and installed the web font kit (MyFonts).
Now I added the following CSS to the child theme: But it didn’t alter the (text) logo -> customizer -> header. I can choose between system and google fonts, but not my webfont kit. Does anybody know how to do this - with CSS?
Thanks for any hint. Appreciated! Mark

@font-face {
h1, h2, h3, h4, h5 {
font-family: AndoBold;
font-weight: normal;
font-style: normal;
}
src: url(‘https://www.myfonts.com’) format(‘woff2’),
url(‘https://www.myfonts.com’) format(‘woff’);
}

[lely]

Hi Mark,

This is how we can declare custom font:

  @font-face {
    font-family: 'AndoBold';
        src: url('web-font.eot?') format('eot'),
               url('web-font.woff') format('woff'),
               url('web-font.ttf') format('truetype'),
               url('web-font.svg') format('svg');
               font-weight: normal;
               font-style: normal;
    }
   h1, h2, h3, h4, h5 { 
     font-family: AndoBold;
     font-weight: normal;
     font-style: normal;
   }

Change URL of the font.