Body Font

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;
}

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

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;
}

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

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

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.

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

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

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.

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

That is the setting for the WordPress paragraph blocks.

Thanks

No problem :)