Problem with fonts.

Hi there,

My website is http://deliahairdesign.com/

I've been trying to change the fonts on the website, both for the text in the menu and for the text in the body of the website.

For the menu text, I want to use "Miltonian" font. For the body text, I want to use "Annie Use Your Telescope" font. I have found both of these on Google fonts and added the urls to the style.css file, as so:

@import url(http://fonts.googleapis.com/css?family=Miltonian);
@import url(http://fonts.googleapis.com/css?family=Annie+Use+Your+Telescope);

As per this forum post (http://www.inkthemes.com/community/threads/changing-menu-font-type.4220/#post-15373) I added the following lines to the custom CSS:

#menu li.current-menu-item a
{
font-family:Miltonian;
}
#menu .ddsmoothmenu li a {
font-family:Miltonian;
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a {
font-family:Miltonian;
}

This worked, and the menu font was changed to Miltonian.

However, when I added the custom lines for the body text font (as per this forum post http://www.inkthemes.com/community/threads/changing-colors-and-fonts.558/#post-1863), then this changed the menu font as well, so that the font of the whole website is now Annie Use Your Telescope.

This is the custom code I added for the body text font.

h1,h2,h3,h4,h5,h6,a{
color:black!important;
font-size:20px!important;
font-family:'Annie Use Your Telescope'!important;
}

p{
color:black!important;
font-size:20px!important;
font-family:'Annie Use Your Telescope'!important;
}


Please can you take a look and tell me what to do to change it so that the menu is Miltonian and the website text is Annie Use Your Telescope.

Thanks
Rup

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li a {
font-family: Miltonian!important;
}

This will solve your issue.

 

That worked great, thanks!