Unable to format h2 and h3 in posts and pages

I just noticed that my h2 and h3 headings in posts and pages no longer gets formatted with the font I have specified by the code injection

I made a test page with the added code injection
link href=“https://fonts.googleapis.com/css2?family=Neucha&family=Source+Sans+Pro:wght@400;700&display=swap” rel=“stylesheet”

body { font-family: ‘Source Sans Pro’, sans-serif; }
h1 { font-family: ‘Neucha’, cursive; }
h2 { font-family: ‘Neucha’, cursive; }
h3 { font-family: ‘Neucha’, cursive; }
p { font-family: ‘Source Sans Pro’, sans-serif; }

and only the p, body and h1 will be changed.

I can see in the code that the h2 and h3 tags is named like this h2#headingtitle, I am unsure if it always has been like this

if I look on the category pages, the tag description is written with h2 and that seems to work fine

running self hosted ghost 3.36 with default casper theme

Casper has styles with a higher specificity than top-level h1, h2 etc. Try changing your styles to match, eg:

h1, .post-full-content h1 { font-family: ‘Neucha’, cursive; }
h2, .post-full-content h2 { font-family: ‘Neucha’, cursive; }
h3, .post-full-content h3 { font-family: ‘Neucha’, cursive; }

that did the trick, thanks

the h1 did not work, had to modify the .post-full-title instead

post are not modified on mobile browsers, is that because of AMP? and can i override that?

Normal mobile pages should update. If you’re viewing the AMP version then by default that has a fixed template with inline styles so that it works across all themes.

You can create your own AMP template by modifying your theme.