Font style in all my posts

Hi,
To apply css to only posts please start your css rules with:

#top.single-post #wrap_all

for example:

#top.single-post #wrap_all h1,
#top.single-post #wrap_all h2,
#top.single-post #wrap_all h3,
#top.single-post #wrap_all h4,
#top.single-post #wrap_all .post-entry p,
#top.single-post #wrap_all .post-entry a,
#top.single-post #wrap_all .entry-content {
	font-family: 'Noticia Text', serif !important; 
}

You may not need to use #wrap_all, but it can’t hurt. You also may want to add rules for “strong” & “li”, it depends on your posts.

Best regards,
Mike

Hi,
Sorry for the late reply, I tried to find an uppercase heading on your page that is forced by css, but did not.
Please see the screenshot in Private Content area.

Please try adding this css to correct the text on your page:

#top.single-post #wrap_all strong,#top.single-post #wrap_all div {
	font-family: 'noticia text', serif !important;
    color: #333 !important; 
    font-weight: 400 !important; 
    text-transform: none !important; 
}

or adjust the css above like this:

#top.single-post #wrap_all h1,
#top.single-post #wrap_all h2,
#top.single-post #wrap_all h3,
#top.single-post #wrap_all h4,
#top.single-post #wrap_all .post-entry p,
#top.single-post #wrap_all .post-entry a,
#top.single-post #wrap_all .entry-content,
#top.single-post #wrap_all strong,
#top.single-post #wrap_all div {
	font-family: 'noticia text', serif !important;
    color: #333 !important; 
    font-weight: 400 !important; 
    text-transform: none !important; 
}

Then clear your browser cache and any cache plugin, and check.

Best regards,
Mike

Hi,
Oh I see, the text transform was on a page, please try this css:

.template-page .entry-content-wrapper h1, .template-page .entry-content-wrapper h2 {
    text-transform: none !important; 
}

For you post font please remove the previous css and clear your autoptimize plugin, and try this css in the WordPress > Customize > Additional CSS because it has priority:

#top.single-post h1.av-special-heading-tag {
    font-size: 34px !important; 
    font-weight: 700 !important; 
    line-height: 38px !important; 
    margin-bottom: 20px !important; 
    font-family: 'noticia text' !important; 
}
#top.single-post h2 {
    font-size: 33px !important; 
    font-weight: 700 !important; 
    line-height: 43px !important; 
    margin-bottom: 13px !important; 
    font-family: 'noticia text' !important; 
}
#top.single-post p {
    font-size: 19px !important; 
    font-weight: 400 !important; 
    line-height: 30px !important;
    font-family: 'noticia text' !important; 
}
#top.single-post li {
    font-size: 19px !important; 
    font-weight: 400 !important; 
    line-height: 30px !important;
    font-family: 'noticia text' !important; 
}

on the page your cloning from the first paragraph is italic, but on your page it’s not, so I assume we are ignoring that.

Best regards,
Mike

Hi,
Sorry, but the differences I can find between the two pages is yours is not using the css above, which is a direct copy from the other site.
I see you are still using the autoptimize plugin, please try disabling it and the css merging in the theme settings.

Best regards,
Mike

Hi,
Please include an admin login in the Private Content area so we can check.

Best regards,
Mike

Hi,
Sorry for the late reply and thanks for the login, I found that while my browser inspector was showing that your font on the page was “noticia text” the font was not correct when compared to the font on Google Fonts and it turns out that even though Google showed the font code as font-family: ‘noticia text’; it was really meant to be: font-family: ‘noticia-text’; with a dash.
I added the adjusted css to your WordPress > Customize > Additional CSS
Please clear your browser cache and check.

Best regards,
Mike

Hi,
Glad to hear!
Ok, so setting the H2 “manually”… I think we are thinking of two different things with the word “manually”, when I think of manually I think of setting the font size with css, but from your screenshot I see that you removed the font size from the css.
So perhaps you mean that you want to set the font size in the advanced styling options page, or some other way that is not using the css? Is this correct?

If not please explain.

Best regards,
Mike

Hi,
Thank you for the screenshot, this helps. The 40px you put in the text block element is for paragraph text, the H2 already has a font size assigned in the base.css and has more specificity than the size you entered there.
If you used the special heading element with h2 picked as the heading you would have the 40px, or any size you wish on a per case basis, or if you added the “font-size” back into the css as before you would have all single post H2’s the same size.
Or you could add a “span” font-size in the code view of the text block and have that one H2 40px.
Please let us know if you would like to see an example of this.

Best regards,
Mike