Thanks for the information. I’m going to assume you are not using a child theme, so the next best way to add new fonts to a theme in the easiest way is how Google shows how this is done. If you are using a child theme, then I would show you a different way.
Lets look at Ubuntu.
If you go to the Ubuntu page at Google Fonts HERE and look at the bottom part of the page, you will see three tabs:
Standard
@import
Javascript
You get three ways of adding the font to your website and each method gives you examples of how. But for the easiest method, you can try the @import method. This means in your stylesheet, you would put this at the top area just before your CSS starts:
@import url(https://fonts.googleapis.com/css?family=Ubuntu);
Again, if you are not using a child theme, then I recommend using a plugin that lets you create a custom stylesheet. This is a good plugin: Simple Custom CSS. You would then add that @import line to your custom stylesheet.
Then, to change your body font style to Ubuntu, then you can do this in your custom stylesheet:
body {font-family: Ubuntu, sans-serif;
Let’s look at Yanone Kaffeesatz
You would do the exact same thing and put that in the same custom stylesheet. For your headings h1, h2, etc., you would then do this:
h1, h2, h3, h4, h5, h6 {
font-family: font-family: 'Yanone Kaffeesatz', sans-serif;
}
Your font Yanone Kaffeesatz info about this is found HERE
