I want to change the font-family of the default casper theme. I’ve injected code like so in the header but it doesn’t seem to work. When I do inspect element I’m getting this which overrides the code injected above. How can I fix this? [image] <link rel="preconnect" href="https://fonts.googleapis.…

The trouble here is that the Ghost class (.gh-content > p) has more specificity than your CSS, so it overrides it. Also, title won’t work to target your headings (you need to list them explicitly like h1, h2…). Try this: <style> html { font-family: "Open Sans", sans-serif; } h1, h2, h3, h4, h5,…

Changing font family on casper theme

Developer help

denvergeeks October 11, 2022, 4:11pm 2

@yuknet you can try using CSS !important …

Ghost Tips & Tricks #6 / Change Casper Theme Fonts Using Google Fonts

Topic		Replies	Views
Ghost Tips & Tricks #6 / Change Casper Theme Fonts Using Google Fonts Marketplace	10	6579	December 4, 2022
Ghost Casper Theme Default Font Name? Developer help	2	1518	October 7, 2020
What item to change to modify header font size Developer help	11	2861	March 12, 2019
How to change the font family post text Developer help	6	1615	June 20, 2023
Change Publication Description font color Developer help	14	3568	March 26, 2021

Changing font family on casper theme

Related topics