Docs

[Aaron]

I am using Lato and Lato light with custom weights, when the website is on mobile etc the lato light dosent show correctly.

How do I add the fonts so it works on an device?

Main hero headings:

Lato 400 at 70px

Main hero paragraph:

Lato-Light at 26px

Main headings for content:

Lato Light 600 at 36px
Color: #474747

Paragraph:

Lato Light 400 at 18px
Color: #777777

They are the styles I need, they are currently added through css class thanks!

[Christopher]

Hi there,

The font is displaying fine, please see the attachment.
Please clear cache and check again.

Thanks.

[Aaron]

The paragraph isnt lato?

[Christopher]

Hi there,

Please add this code in customizer :

.x-text.main-subheading-mobile.main-subheading-text p {
    font-family: "Lato",sans-serif;
}

Hope it helps.

[Aaron]

This makes the paragraph lato, not light.. it needs to be

Main hero paragraph:

Lato-Light at 26px

And then I want the heading of the text after the hero section which is features to be:

Main headings for content:

Lato Light 600 at 36px
Color: #474747

and paragraph below them to be:

Paragraph:

Lato Light 400 at 18px
Color: #777777

[Lely]

Hello Aaron,

Lato Light is not yet loaded on your site. This is what is available:
<link rel='stylesheet' id='x-google-fonts-css' href='//fonts.googleapis.com/css?family=Lato%3A400%2C400italic%2C700%2C700italic%2C100%2C300&subset=latin%2Clatin-ext%2Ccyrillic%2Ccyrillic-ext&ver=4.5.1' type='text/css' media='all' />
If you go to the following link, lato light is not currently included.
http://fonts.googleapis.com/css?family=Lato%3A400%2C400italic%2C700%2C700italic%2C100%2C300&subset=latin%2Clatin-ext%2Ccyrillic%2Ccyrillic-ext&ver=4.5.1

We have to add it by adding the following line on your child theme’s style.css on the first line of that file:
@import url(https://fonts.googleapis.com/css?family=Lato:400,300);

If you will check here:https://www.google.com/fonts#UsePlace:use/Collection:Lato, you can see that Lato Light is 300 font-weight. There’s no Lato Light 400 or 600.

To use that Lato Light on paragraph, please use this custom CSS:

.x-text.main-subheading-mobile.main-subheading-text p {
    font-family: "Lato",sans-serif;
    font-weight: 300; 
}

Hope this helps.

[Aaron]

I’ve done this, but how do i get lato light as an alternative then as its needed for my site.

Thanks

[Rad]

Hi there,

Please add this line on top of your child theme’s style.css

@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);

Then add font-weight: 300; to your CSS.

Thanks!

[Author]

Posts