Typography / Font Family

Hello @cdsmiler81

Yes, of course there a way to change the heading font to Trebuchet with a custom CSS. But which part of the site’s heading you want to change ??
Please explain you query in much details would be better.

Best Regards!!

Hi there!

To be honest, we need ALL the text throughout the whole site to be Calibri or Trebuchet (still to be decided on which one! lol). But specifically at the moment the Site Title, tagline, header text slider, menus, h1-h6 and paragraph text.

Many thanks!

Clare

Hello @cdsmiler81

To change the font of the section that you have mentioned you need to add custom CSS.
For that you need to go to Admin Panel / Appearance / Theme Options / Custom CSS.
In this section you will see a custom box to write custom CSS. In that box you need to copy and paste the following CSS.

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h5 a, h6, h6 a {
    font-family: 'Trebuchet '!important;
}
.main-navigation a {
    font-family: 'Trebuchet';
}
.site-title, .site-title a, .site-description, .site-description a {
    font-family: 'Trebuchet' !important;
}
body, button, input, select, textarea {
    font-family: Trebuchet !important;
}

Hope this will help to resolve your issue.
Let me know how it goes.

Best Regards!!

Hello there!

Thanks for that! It helped with a lot, but it didn’t change the Site Title or the Headings. Could it be because in Customise they have their own drop down menu options? Are these overriding the custom css?

(Customising > Font Setting > Font Family)

Thanks

Clare

Hello,
Can you share your site url so that we could trace and solve your issue.

Regards,

Of course – https://www.whiterockit.co.uk

Clare

The custom css overrides the themes css for sure.
Could you please try adding this again

.site-title a, .site-description, .site-description a {
   font-family: 'Trebuchet' !important;
   color:red !important;
}

I have set color red there just to notice the changes.
You can change the Color: red !important; line

If the problem still continues please let me know.

regards,

Well how interesting! In the meantime the Site Title has sorted itself out (not sure why it needed time to do that, but there we are!! lol)!

I found the problem with the Header – I had a missing ‘ after the font name (I’d changed them to Calibri and obviously accidentally removed the ‘ !). Operator error! ??

Now all working beautifully.

Thank you so much for your help.

Clare

Hello,

If your question has been answered, we would love if you would mark this topic as resolved in the right hand sidebar. This helps our volunteers find the topics that still need attention and more people will get helped, possibly like you did.

best regards.