Hello @leecollings,
Thank you for your report,
This is forwarded to the developer team, and it will be fixed/improved for the next updates.
You can write a custom CSS for the logo like this, so please put the CSS below in Customizing > Custom CSS/JS > CSS Code:
.middle-site-logo a {
font-family: 'Karla' !important;
}
The advanced Style for the logo could be like this:
#wrap .middle-site-logo a {
font-family: 'Karla' !important;
font-size: 26px !important;
font-weight: 800 !important;
letter-spacing: -0.5px !important;
text-transform: uppercase !important;
line-height: 80px !important;
}
Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.
Note 1: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes.
Note 2: You can learn how to use Chrome Developer Tools or Firefox Developer Tools to help you see and test changes to your CSS:
https://developers.google.com/web/tools/chrome-devtools/
https://developer.mozilla.org/en-US/docs/Tools
CSS Tutorial: https://www.w3schools.com/css/
For more information about media queries, please read this article:
https://www.w3schools.com/css/css_rwd_mediaqueries.asp
I hope it helps,
Best Regards
