- This topic has 1 reply, 2 voices, and was last updated 3 years, 2 months ago by .
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.
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.
I wanted to change the H1 font on my site to the one being used here
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?
font-family: 'Open Sans', sans-serif;
margin: 0 0 10px;
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.
© 2022 WPEngine, Inc.