Question

好的，我尝试更改＆lt; nav＆gt;中的font-family。标签，它不会改变，我尝试了另一种字体属性，如font-weight，font-style，font-size，它的工作方式，但字体系列。为什么这发生了？我无法弄明白。

这是html：

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css.css" media="screen">
    <title>One Piece | Petualangan Tiada Akhir</title>
</head>
<body>
    <div>
        <header>
            <hgroup>
                <h1>One Piece : Petualangan Tiada Akhir</h1>
                <h2>Luffy dan Kawan-Kawan Mugiwara Pirates</h2>
            </hgroup>
            <nav>
                <ul>
                    <li><a href="#">beranda</a></li>
                    <li><a href="#">daftar isi</a></li>
                    <li><a href="#">kontak</a></li>
                    <li><a href="#">profil</a></li>
                    <li><a href="#">privacy</a></li>
                    <li><a href="#">disclaimer</a></li>
                </ul>
            </nav>
        </header>
        <section>
          <h2>Section</h2>
        </section>
        <footer>
           <small>&copy; Contoh Makalah Mahasiswa Font: Oswald, Source Sans Pro Powered by Blogger Template by :]</small>
        </footer>
   </div>
</body>
</html>

现在的CSS：

*{
  font-family:calibri;
  margin:0px;
  padding:0px;
}

header{
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  background-color:#0fcdcf;
}

header h1{
  text-transform:uppercase;
  font-size:2.5em;
  font-family:Imprint MT Shadow;
}

header h2{
  font-size:1.5em;
  font-family:Giddyup Std;
}

nav{
  padding-top:10px;
  text-transform:uppercase;
  font-size:0.9em;
  font-family:times 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-right:auto;
  box-shadow:10px 5px 10px #888888;
}

section{
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
}

footer{
  padding:10px;
  margin-left:auto;
  margin-right:auto;
  background-color:white;
}

提前致谢。

Answer 1

要使上面的示例正常工作，请选择一个标记并更改其工作的字体名称，我想应用字体系列应该在该元素中存在一些文本

nav li a{
    font-family:arial;
}

Answer 2

您应该显示您的代码。无论如何，这应该工作：

<nav style="font-family: xxx;">

<nav> </nav>上的字体系列属性

2 个答案: