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	6342	December 4, 2022
Chaging Font Size doesn't reflect in site Themes	2	761	April 29, 2021
Changing the background color of the Casper theme Themes	3	633	June 5, 2024
Change font color in Casper brand template Themes	1	480	March 4, 2022
Ghost Casper Theme Default Font Name? Developer help	2	1429	October 7, 2020

Changing font family on casper theme

Related topics