Variations of Google Fonts

[Salena Knight]

Hey there Bill,

I was wondering if it’s possible, somewhere in the code, to change the format of the font you want to use.
For example, I use Lato, but would like to use the ‘thin’ variation and the ‘heavy’ variation for headings etc.

Can this be specified anywhere, or is it only the main font that can be used?

Thanks for your help

Salena

[Bill Robbins]

Hi Salena,

You’re welcome to load up the various weights of the font from Google’s site (https://www.google.com/fonts#UsePlace:use/Collection:Lato). Select the weights you’ll need, but only grab the ones you absolutely need as they can quickly add up size wise and slow things down.

You could then use the @import method and add that to the Custom CSS (possibly) or to the style.css file itself. You can then specify the weight a bit more directly with CSS through the font-weight property which looks like this:

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}

which sets the headings to be an equivalent weight of bold.

Take care,
Bill

[Author]

Posts