Unable to format h2 and h3 in posts and pages

Developer help
1

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

2

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; }
3

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?

4

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.

https://ghost.org/tutorials/custom-amp-themes-2/