• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Font Inherit & Simple CSS Question

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › Design Tips and Tricks › Font Inherit & Simple CSS Question

This topic is: not resolved

Tagged: font, inherit

  • This topic has 1 reply, 2 voices, and was last updated 3 years, 2 months ago by Victor Font.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • February 22, 2019 at 8:10 am #489668
    rogerp
    Participant

    I wanted to change the H1 font on my site to the one being used here

    Home

    I used inspector and found the font to be inherit

    So I changed my font to be inherit and it looked the same, but I am sure there is not a font called inherit, I am assuming it's inheriting from somewhere.

    Can anyone explain?

    So on that topic I have this in my CSS - can anyone explain the logic and what is
    i.e what font will be used for h3?

    Also what is .jumbo?

    /* Headings
    --------------------------------------------- */

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .jumbo {
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    line-height: 1.2;
    margin: 0 0 10px;
    }

    h1 {
    font-size: 47px;
    font-size: 4.7rem;
    font-family: inherit;
    font-weight: 500;
    }

    h2,
    .jumbo {
    font-size: 30px;
    font-size: 3rem;
    }

    h3 {
    font-size: 24px;
    font-size: 2.4rem;
    }

    Many thanks
    Roger


    Roger
    https://www.rogerperkin.co.uk/
    Check out my Network Automation Training – Training the Network Engineers of the Future

    https://www.rogerperkin.co.uk/
    February 22, 2019 at 12:12 pm #489671
    Victor Font
    Moderator

    Yes, you are right in that "inherit" is not the name of a font. Inherit usually means that the element you are looking at is using the font from an element higher up in the Document Object Model (DOM). But on your site, there's something funky going on.

    You have references in the body tag to the effra typekit font. The h1 is inheriting that font-family setting from the body tag. However, neither of the references that I see are active. They're both crossed out. It's possible that you lost the connection to typekit somehow.

    It appears that your reference page is also using a system font called Menlo. This could be the browser fall back because effra isn't available or from whatever computer the browser is running on.

    .jumbo is just a class that the developer created. It has no special meaning or purpose. It's only meaningful to the theme developer.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Design Tips and Tricks’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble