1- Search, install and activate Easy Google Fonts plugin
2- Go to Appearance – Customize – Typography tab
3- Customise the necessary font you need
4- Click Publish

 

 

 

Customize Specific Element Font


1- Go to Settings – Google Fonts
2- Create new control by insert Control Name and click Create Font Control
3- On Add CSS Selectors insert:

Element CSS
Menu: .nav
Post/Page Title: .article .post-title, .article .page-title
Ordered/Unordered List: .article ul, .article ol
Sidebar Widget Title: .side-widget h3

4- Check Force Style Override (Optional)
5- Click Save Font Control
6- Go to Customize – Typography – Theme Typography
7- Edit the Menu font and click Published once completed