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	5941	December 4, 2022
Changing the background color of the Casper theme Themes	2	522	November 2, 2021
Change font color in Casper brand template Themes	1	420	March 4, 2022
Ghost Casper Theme Default Font Name? Developer help	2	1308	October 7, 2020
Casper change colour Themes	19	3988	May 1, 2020

Changing font family on casper theme

Related Topics