There’s actually just one font being used, a Google font called Lato. Everything you see is a variation on the size, weight, and/or color of that one font. If you want to change the font family, Google has all sorts of fonts that you can browse here. You’ll probably have to create a child theme or install a scripting plugin like Header and Footer so you can add a link to the stylesheet for the font.
If you want to use the existing font family, but change the appearance, you’ll have to use a web debugging tool like Firebug or Chrome Developer Tools so you can examine the element that you want to change, see the CSS rule in effect for that element, then add your own overriding rule through either a child theme or a a CSS plugin like Jetpack or Custom CSS Manager.
Here’s an example. If you use a web debugging tool and examine the page title on your home page (the title which reads FRONT PAGE), you’ll see that it has a class assigned to it called entry-title. This class name makes it easy to change similar elements on other pages. The existing properties for the entry-title look like this:
.entry-title {
font-size: 33px;
font-weight: 300;
color: #2b2b2b;
}
font-size is how big the font is. The font-weight is how thick the ‘stroke’ is; 400 is a normal thickness, 700 would be a bold thickness. In the case of the entry title, 300 is a bit thinner than normal. And the color value is a gray color. So to change the styling for the entry titles, you would copy this rule into your child theme’s style.css file (or into a CSS plugin), and change the values as you wish.
If you don’t understand CSS (Cascading Style Sheets), there’s a good tutorial here.
