Tagged: custom font
I’m trying to set the default body text on our site to a custom font. I copied the font files to a “fonts” sub-directory of our child theme and added the css for the font files. Then I added the following line to the .css file in our child theme directory:
body {font-family: ‘ciclefina’, Verdana, Arial, Helvetica, Futura, sans-serif; }
But when I refresh a page and inspect the text element with the browser debugger it looks like the above body definition is overriden. Actually there are several other font definitions that appear to be overriden as well. I didn’t think I had defined a default body font anywhere else but maybe I did.
Can you give me any advice on how I can set the default body font to a custom font? I’s rather use a global style definition if possible.
Our site is at: http://www.got2bmoving.com
Hi Jane!
Try adding the !important rule:
body {font-family: ‘ciclefina’, Verdana, Arial, Helvetica, Futura, sans-serif !important; }
Cheers!
Josue
HI Josue – thanks for the suggestion. That did the trick. (It turns out that this font isn’t so great… but at least I know how to make it appear)
Thanks much for your quick reply and solution.