html5 - Font-family property on <nav> -

OK, I want the font-family to be & lt; Nav> Tag, and this will not change, I have tried the second property of font, such as font weight, font-style, font-size, and this works, but font-family Why has this happened? I can not understand

this is html:

  & lt ;! DOCTYPE html & gt; & Lt; Html lang = "en" & gt; & Lt; Top & gt; & Lt; Meta charset = "UTF-8" & gt; & Lt; Link rel = "stylesheet" type = "text / css" href = "css.css" media = "screen" & gt; & Lt; Title & gt; One piece | Petulangan Tida Akhair & lt; / Title & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div & gt; & Lt; Header & gt; & Lt; Hgroup & gt; & Lt; H1 & gt; One piece: Petulangan Tida Akhair & lt; / H1> & Lt; H2 & gt; Luffy and Cowan-Kaw Mugivira Pirates & lt; / H2 & gt; & Lt; / Hgroup & gt; & Lt; NAV & gt; & Lt; Ul & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Birunda & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Dafar ISI & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Contact & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Profile & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Privacy & lt; / A & gt; & Lt; / Li & gt; & Lt; Li & gt; & Lt; A href = "#" & gt; Disclaimer & lt; / A & gt; & Lt; / Li & gt; & Lt; / Ul & gt; & Lt; / Neo & gt; & Lt; / Header & gt; & Lt; Section & gt; & Lt; H2 & gt; Section & lt; / H2 & gt; & Lt; / Section & gt; & Lt; Footer & gt; & Lt; Small & gt; & Amp; Copy; Kantoh Makalah Mahasiswa Font: Oswald, Template by Blogger powered by Source Sons Pro:] & lt; / Small> & Lt; / Footer & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;  

Now css:

  * {font-family: calibri; Margin: 0px; Padding: 0px; } Headers {Padding: 10px; Margin-left: auto; Margin-Correct: Auto; Background color: # 0fcdcf; } Header h1 {Text-transform: uppercase; Font-size: 2.5em; Font-family: impression mt shadow; } Header h2 {font-size: 1.5em; Font-family: Jiddywood Stud; } Nav {padding-top: 10px; Change text: uppercase; Font-size: 0.9em; Font-family: new roman; font-weight: bold; Font-style: normal; } Nav li {list-style-type: none; Margin-right: 5px; Display: inline; Body {background color: # d7d5e0; } Div {width: 80%; Margin-left: auto; Margin-Correct: Auto; Box-Shadow: 10px 5px 10px # 888888; } Section {padding: 10px; Margin-left: auto; Margin-Correct: Auto; Background color: white; } Footer {padding: 10px; Margin-left: auto; Margin-Correct: Auto; Background color: white; }  

Thanks in advance.

For example to work, select a tag and rename the font which works I think some text should be present in that element to implement the family of the font

  nav li a {font-family: arial; }