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	6495	December 4, 2022
Ghost Casper Theme Default Font Name? Developer help	2	1486	October 7, 2020
What item to change to modify header font size Developer help	11	2791	March 12, 2019
Change Publication Description font color Developer help	14	3325	March 26, 2021
Change Casper Navigation Page Links Fonts Themes	3	920	June 17, 2021

Changing font family on casper theme

Related topics