[Resolved] Body Font

Home Forums Support Body Font

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1520177
    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;

    #1520226
    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;
    }
    #1520379
    David
    Staff
    Customer Support

    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

    #1520393
    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;
    }
    #1520835
    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

    #1520845
    Leo
    Staff
    Customer Support

    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

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

    #1520865
    Leo
    Staff
    Customer Support
    #1521031
    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.

    #1521046
    Leo
    Staff
    Customer Support

    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.

    #1521078
    Jatin

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

    #1521081
    Leo
    Staff
    Customer Support

    That is the setting for the WordPress paragraph blocks.

    #1526580
    Jatin

    Thanks

    #1527023
    Leo
    Staff
    Customer Support
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.