We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How do I reference Google Lato Font in custom css classes

Featured Lock Resolved Issue

In my website template/typograhpy section I can select the "Lato" Google font for standard HTML parameters e.g. H1, H2 etc.

What I also want to do is create some custom CSS classes in custom.css that also then use this font.

I have tried creating following...

font-family: 'Lato', sans-serif;
font-size: 50px;
font-weight: 400;

But the Lato font does not then display for this element when I load the page.

Can you please let me know if there is anything else I need to set/update to get "Lato" font working with custom CSS classes?


2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Peter,

In Typography tab at the end

Attachments (1)

  • here.jpg
    here.jpg 56.3 KB

Sifat - Staff

More than a month ago #Permalink
Thanks for your query. Please follow the instruction of the screenshot https://prnt.sc/hyxe61

-Best Regards

There are no replies made for this post yet.
Be one of the first to reply to this post!




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us