How to change the font on the site?

Shapely
1

Is it possible to change the font on the site?
There is nothing associated with the fonts in the console.
Thank you!

2

Hi there

Hope you are having a good day and thank you for your question :slight_smile:
Where exactly you want to change the font size? please show me page and tell me the text you want to change the font size

Thanks!
Colorlib Support Team

3

I do not want to change the font size, I want to change the font type.
On the main page, for example, in the first section.

4

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the font family used in the headings by going to Appearance > Customize > Additional CSS and pasting it there.


/*Header font change*/
h1, h2, h3, h4, h5, h6 {
    font-family:  Helvetica;
}

Best Regards,
Support

5

@maetrost - if you try using Google Fonts plugin, does that work for you? I’m wondering this same question

6

Hello @josh14,

It should work but sometimes it won’t change a specific area of text and in that case you need to add new CSS.

Best Regards,
Support

7

Thanks. Is there a list of font families that I can choose from that the CSS will read from? This was I can choose a font that will definitely work.

8

Hello there,

Almost any font should work there are a few that do not work but I do not have a list for these. However, here is an article that will explain how to add any font you would like :

Best Regards,
Support

9

Thanks for all!

10

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support

11

Hello, I would like to increase my font size on the home page. It seems like there’s a way to change it on the other pages and the posts, just not the homepage where it is too small.

Could you let me know the custom css to use? Preferably for both the whole site and for the home page alone, in case one of them doesn’t work. Thanks!

Many thanks!

Suzanne

12

To change font size on the homepage you can use someting like this:

.home p {
    font-size: 2rem;
}

You can use any font size that feels right for you, like 16px, or anything else.

For other pages, it depends on what you have created, since different pages would require different targeting, so it wouldn’t go too broad or too narrow.

13

hi there I tried this and it went too big, so I replaced “2rem” with “14px” but it didn’t do anything - did I put it in the wrong place?

14

It should work with pixels too, but if, for some reason, just ‘rem’ worked, you can adjust it accordingly by using a value like 1.6rem or some other value to suit your liking.

You can also try to do it like this:

.home p {
    font-size: 14px !important;
}

That will work in any location of your CSS file or Custom CSS area or child theme.