To use something like a Google Font on your site, you’d first need to install a Google Fonts plugin. After that, you can target the elements whose font you want to change with some custom CSS.
For example, this would change the font used in the site title:
#site-title a {
font-family: Verdana, Helvetica, sans-serif;
}
The actual font-family declaration you’ll need to use will vary depending on the font you choose – the Google Font will show you what designation to use for each font in its directory.
Don’t edit the theme files directly, otherwise your changes will be overwritten every time the theme is updated to the latest version.
An easy way to add custom CSS is to install the Jetpack plugin and activate the Custom CSS module. You’ll then add your custom CSS in the new stylesheet editor that’ll appear in your dashboard, under Appearance > Edit CSS.
As alternatives, you could either install a standalone custom CSS plugin, or create a child theme.
If you’re new to CSS, here are some resources to help you get started in learning how to target specific elements:
https://dailypost.wordpress.com/2013/07/25/css-selectors/
https://dailypost.wordpress.com/2013/06/21/css-intro/
https://dailypost.wordpress.com/2013/08/29/css-matched-rule-pane/
https://en.support.wordpress.com/custom-design/how-to-find-your-themes-css/
https://thewc.co/articles/view/web-inspector-tutorial
