Change font throughout whole theme

Illdy
1

Hi, how do you change the font throughout the whole theme?

Tried:

body, html {
	font-family: 'Lora', serif !important;
}

But this did not work… any help would be greatly appreciated.

Thanks

2

Hey there,
Hope you’re doing well today

A number of elements in the theme already have the Lora font in use, however, adding the code below to Appearance > Customize > Additional CSS should ensure that it’s added for basically everything:

@import url('https://fonts.googleapis.com/css?family=Lora');

body, a, p, h1, h2, h3, h4, h5, input, .tagline {
	font-family: 'Lora', serif !important;
}

It should also already be imported, but this should do some enforcing.

I hope this helps :slight_smile:

Best Regards,
Support

3

Fantastic, works great. :slight_smile:

Thank you for your prompt response.

Much appreciated.

4

This did work for me as well for the front page and all of the parallax sections! Thank you!
It did not work for the blog pages, though. Is there a possibility to add those pages in the css?

5

Did you manage to change it for the mobile version, as well?
Thanks for your help!
An

6

Hello there,

Thanks for keeping in touch.

The CSS provided should work for the mobile version as well.

Best Regards,
Support

7

I wish it would! But unfortunately not!

8

Hi @an20,

I hope you are having an awesome day and thanks for contacting us regarding your query.

Kindly provide me with a link to a page with this so that I may be able to write up some CSS that should work for your setup.

Looking forward to your reply :slight_smile:

Cheers!

9

I opened another thread so it does not get mixed up… https://colorlibsupport.com/t/change-font-3/#post-99890
Thank you!

10

Hello there,

In that case, I will go ahead and close this thread.

Best Regards,
Support