Support Forums

Support Offline : 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
Hi

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...

.testimonial-message{
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?

Thanks
Peter

2 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Hi Peter,
use
.testimonial-message

In Typography tab at the end

Attachments (1)

  • here.jpg
    here.jpg 56.3 KB

Sifat - Staff

More than a month ago #Permalink
Hi,
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!

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 141
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 90
Toufiq

Toufiq

Total Accepted Answers: 25
Pavel

Pavel

Total Accepted Answers: 4
Al Mamun

Al Mamun

Total Accepted Answers: 3

113

Templates

289548

Community Users

Newsletter

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