Change site-title font

Hi. I’ve tried for hours now to change the font of the title in the header.
website: https://mettealbaekdesign.com

I’d like to use the font “Pinyon Script” from Google Fonts only in the title and not other places on the site.

I’ve tried all i can think of. The custom css as in the video didn’t work either.
Thanks in Advance Thomas

Hi,

Have you try this http://prntscr.com/fijtsu?

Regards,
Awan

It changes all of the headings on the page to Pinyon. It should only be the site-title. The rest should keep Oswald

Ive tried adding this code to my custom CSS but it doesn’t do the trick:
@import url(‘https://fonts.googleapis.com/css?family=Pinyon+Script’)
.site-title {
font-family: ‘Pinyon Script’, cursive;
}

Hi,

Please try this instead:

@font-face {
  font-family: 'Pinyon Script';
  src: url(https://fonts.gstatic.com/s/pinyonscript/v6/TzghnhfCn7TuE73f-CBQ0FgaG90emUMHR_woZ36JLVg.woff2) format('woff2');
}
.site-title {
font-family: 'Pinyon Script', cursive;
}

I’m trying to do the same using ‘Barrio’ from google fonts (in astrid - athemes). I’ve tried to modify the code for custom css from above unsuccessfully:

@font-face {
font-family: ‘Barrio’;
src: url(https://fonts.googleapis.com/css?family=Barrio);
}
.site-title {
font-family: ‘Barrio’, cursive;
}

Any help would be great, thanks.

Hi,

Please try this instead:

@import url('https://fonts.googleapis.com/css?family=Barrio');

.site-title{
   font-family: 'Barrio', cursive;
}

Regards,
Awan