Change heading & body font CSS globally

  • Unknown's avatar
    iambrettzeck · Member ·

    What is the proper CSS coding for my site’s heading and body fonts globally? I don’t want to use the fonts readily available in the Customize tool.

    For all headings, I’d like to use: 

    Font-Family: 'Ovo', Serif;
Font-Size: 42px;

    For all body copy I’d like:

    Font-Family: 'Quattrocento Sans', Sans-Serif;
Font-Size: 17px;

    I’d like to avoid having a third font family used anywhere on the site.

    This particular pairing comes from #25 on this website: https://www.reliablepsd.com/ultimate-google-font-pairings/

    Thanks!

    The blog I need help with is: (visible only to logged in users)

  • supernovia · Staff ·

    Hi @iambrettzeck, the site you mentioned isn’t hosted here, and there are actually different methods of doing this when you have your own copy of WordPress vs one hosted here with us:

    WordPress.com vs. WordPress.org

    In your case, there are several font plugins that can help make it easier to find the right CSS and what not, so I’d recommend looking at https://wordpress.org/plugins/search/fonts

    For help with an individual WordPress installation you’re running with another host, you’ll want to use the correct forums going forward:
    https://wordpress.org/support/forums/

    Cheers!

  • Unknown's avatar
    iambrettzeck · Member ·

    I never said the site I linked, Reliable, was hosted by WordPress… nor was my question about that site. Obviously my blog is linked at the bottom of my post. Thanks for not actually reading my post.

    I don’t want to buy your plugins. Thanks for not being of help. I’ll look into the CSS myself. Useless.

  • kokkieh · Staff ·

    Changing fonts in the way you want is not possible on WordPress.com, as it cannot be done using CSS only. You cannot assign any font in CSS that has not first been imported to your site – setting a font that has not been imported to your site will result in that font only appearing for people who have it installed on their computers – and importing outside fonts like that is not possible on WordPress.com without the use of plugins on our Business Plan. The only options to switch your site font are those in the Customizer:

    Change Your Site’s Fonts

    Quattrocento Sans is available there, but not Ovo, so you’ll need to choose something different for your heading fonts.

    Also note that we don’t tolerate rude or disrespectful replies to any volunteer or staff member in this forum. Please review our user guidelines linked below if you wish to continue using this support forum for help with your site.

    https://en.forums.wordpress.com/topic/best-practices-community-standards/

  • The topic ‘Change heading & body font CSS globally’ is closed to new replies.