Body Font

[Jatin]

Hi guys,

I want to set the body font to below. but when i check in the Typography settings i can see the option to select only one font open sans how can i set it to below ?

font: 16px “Open Sans”, Arial, sans-serif;

[Jatin]

Example Site

I want to apply below to my site but using GUI interface not with CSS. i think that should be possible.
And also to overall site not just the body.

body, button, input, select, textarea {
    font-family: "open sans", arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
}

.editor-styles-wrapper .has-medium-font-size, .has-medium-font-size {
    font-size: 15px;
}

[David]

Hi there,

fonts selected in the Customizer simply requests the Google fonts and the CSS they provide. ie.

body, button, input, select, textarea {
    font-family: "Open Sans", sans-serif;
}

Headings, buttions etc are set to Inherit by default so those body styles will also be applied to them.

Changing it to set a different fallback font such as your requirement would need to be done with the CSS you have

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jatin]

Thanks David, I tried this earlier but the issue is font Size which i want to set to 16px but its 20px for now. if i use font-size:16px it does not have any affect on my site. My site is given in the box.

is it not possible via the GUI using theme options ?

Below Changes it but not everywhere. I know i am not using it correctly. so best to check with you on how to change it. I had provided an example site i want to make it similar to that is it not possible.

.editor-styles-wrapper .has-medium-font-size, .has-medium-font-size {
    font-size: 15px;
}

[Jatin]

Any idea how can i set my default font of the site from Source Sans Pro to “open sans”, arial, sans-serif; and Font size to 16px

[Leo]

Does changing the body font in the customizer not work for this?

It’s currently set to this from what I can see:
https://www.screencast.com/t/xLn3A2sGk

Sorry if I’m missing something here.

You might also want to consider removing has-medium-font-size from WordPress’ paragraph block as it’s overwriting the customizer option:
https://www.screencast.com/t/gtrvopfqV

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jatin]

I can set it in GUI but not sure where has-medium-font-size is coming from. I do not have it in Custom CSS.

[Leo]

I would think it’s coming from here:
https://www.screencast.com/t/ACtta4YMiVpA

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jatin]

Hi have updated the CSS and font size to 16 pc. Can you please advice if it’s the correct way to do it.

[Leo]

I believe the customizer options would work without any CSS if you are able to choose Default instead of Medium in my screenshot above.

If not then CSS is likely a good method.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jatin]

choose Default instead of Medium in my screenshot above. —> You mean on each post ? where should i select Default ?

[Leo]

That is the setting for the WordPress paragraph blocks.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Jatin]

Thanks

[Leo]

No problem 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts