• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 384
  • Last Modified:

CSS change font family of nav menu on page

I'm missing something in the way my CSS is cascading.

I am trying to install a google font on the navigation menu of this site but wherever I put it nothing is overwriting what is currently there.  Any help would be appreciated.

Thanks,

http://sendright.com/draft/lauren/
0
gwarcher
Asked:
gwarcher
1 Solution
 
InsoftserviceCommented:
What part of your css is overwritten.
Please elaborate.
Which ever part is getting overwritten you could use   !important for your required css so as to avoid such problems
0
 
Scott Fell, EE MVEDeveloperCommented:
I see you loaded the css file, I don't see you assigned the font.

In your custom css you need to add,

font-family: 'name_of_font',

Open in new window

 
See the instructions for your particular font on the 3rd step http://www.google.com/fonts#UsePlace:use

You should be able to assign using

ul#menu-menu-1 li a{font-family:'name_of_font',sub_font;}

You either need to put this at the buttom of your style.css file or create a custom css file that is loaded after the style.css file or the !important hack.

Your current font is in your style.c line 407
media="all"
.main-navigation a {
border-radius: 3px;
color: #998675;
display: block;
line-height: 21px;
margin: 7px 10px;
padding: 5px 10px;
text-decoration: none;
font-family: Calibri;
font-weight: bold;
font-size: 14px;
}

Open in new window



As a side note, if I have the font Calibri on my system, I will see this as Calibri.  That font came with my Mac.  I don't know if it comes standard on a windows machine. I know for sure it does not come loaded on the older pc's.  And I did not see Calibri loaded in your google font css files.
0
 
nanharbisonCommented:
Calibri is a standard font on Windows now, it was on my Windows 7 machine pretty many years ago.
What is the name of the font you want to use?
Also, are you using Firebug to try to add the font to the elements in your CSS? It helps you see where to put the font style.
0
 
gwarcherAuthor Commented:
thanks worked great
0

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now